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全 面 涵盖 Photoshop 商 业 设 计 的 12 种 类 型 应 
用 ， 又 在 其 中 渗透 了 设计 理念 、 创 意思 想 、 实 际 
工作 经 验 和 软件 技巧 。 同 时 ， 对 每 个 案例 都 进行 
了 设计 思路 、 配 色 方 案 、 版 面 构图 、 项 目 实战 的 
编排 ， 并 给 出 了 详细 的 制作 步 又。 


全 书 将 软件 与 实际 应 用 相 结 合 ， 采 用 经 业内 资深 
设计 师 先 明确 用 途 再 列举 案例 的 方式 ， 通 过 29 
个 典型 案例 深入 解析 各 种 不 同类 型 的 设计 方法 。 
每 个 案例 都 配备 高 清 语音 教学 视频 ， 详 细 、 全 面 
讲解 案例 的 设计 全 过 程 。 
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操作 视频 文件 ， 演 示 时 间 长 达 720 分 钟 ， 另 外 还 提供 了 PPT 课 件 ， 均 可 通过 


扫描 二 维 码 下 载 使 用 。 
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内 容 简 介 

本 书 是 一 本 商业 案例 用 书 ， 全 方位 地 讲述 了 Photoshop 在 现实 设计 中 常用 的 12 类 商业 案例 。 本 书 共 分 为 
12 章 ， 具 体 包括 文字 特效 、 标 志 设 计 、 名 片 设计 、 户 外 广告 设计 、 海 报 设计 、 网 络 广告 、DM 广 告 、 封 面 设 
计 、 画 册 设 计 、 插 画 设计 、 产 品 包装 设计 、UI 设 计 等 内 容 。 本 书 涵盖 日 常 工作 中 所 用 到 的 全 部 工具 与 命令 ， 
并 涉及 了 平面 设计 行业 中 的 各 类 常见 任务 。 
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读者 自学 Photoshop 的 参考 书 。 
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Adobe Photoshop， 简 称 PS， 是 由 Adobe Systems 开 发 和 发 行 的 图 
像 处 理 软件 。Photoshop 作 为 Adobe 公 司 旗下 最 著名 的 图 像 处 理 软件 ， 
其 应 用 范围 覆盖 整个 图 像 处 理 和 平面 设计 行业 。 

基于 Photoshop 在 平面 设计 行业 的 应 用 程度 之 高 ， 所 以 本 书 将 以 

- 些 商 业 案例 为 主 ， 介 绍 Photoshop 的 具体 操作 步骤 。 商 业 案 例 的 制作 
步 又 包括 : 前 期 的 沟通 一 分 析 客户 需求 一 分 析 商 品类 型 一 构思 设计 方 
案 一 定义 设计 方案 一 确定 配色 方案 一 确定 构图 方案 一 制作 设计 方案 。 

本 书 案例 以 Photoshop 2018 中 文 版 软件 进行 设计 ， 根 据 编者 多 年 
的 平面 设计 工作 经 验 ， 通 过 理论 结合 实际 的 操 人 es 系统 地 介绍 
Photoshop 软 件 在 现实 生活 中 涉及 的 领域 。 内 容 包 括 常 用 、 实 用 的 12 个 
行业 领域 ， 站 六 六 标志 设计 、 名 片 设计 、 a 广告 设计 、 海 
报 设计 、 网 络 广告 设计 、DM 广 告 设计 、 封 面 设计 、 画 册 设 计 、 插 画 
设计 、 严 = 品 包装 设计 和 UI 设计 。 每 章 都 最 少 会 对 两 个 案例 进行 详解 和 
分 析 ， 可 以 从 中 吸取 一 些 美学 和 设计 的 理论 知识 ， 而 且 各 章 中 都 列举 
了 许多 优秀 的 设计 作品 以 供 欣赏 ， 希 望 读 者 在 学 习 各 章 内 容 后 通过 欣 
赏 优秀 作品 既 能 够 缓解 学 习 的 疲劳 ， 又 能 提升 审美 品位 。 

本 书 内 容 具体 安排 如 下 。 

第 1 章 为 文字 特效 。 主 要 通过 讲述 文字 特效 的 含义 、 用 途 、 设 计 
法 则 等 来 学 习 文 字 特 效 。 

第 2 章 为 标志 设计 。 主 要 通 
素 、 设 计 原则 、 类 型 、 表 现形 式 、 形 式 美 法 则 等 来 学 习 标志 

第 3 章 为 名 片 设计 。 主 要 通过 讲述 名 片 的 含义 、 类 型 、 构成 元 
素 、 常 用 尺寸 、 构 图 方式 、 制 作 工艺 等 来 学 习 名 片 的 设计 。 

第 4 章 为 户外 广告 设计 。 主 要 通过 讲述 户外 广告 的 含义 、 常 用 类 
型 、 优 点 与 缺点 、 设 计 原 则 等 来 学 习 户外 广告 设计 。 

第 5 章 为 海报 设计 。 主 要 通过 讲述 海报 的 含义 、 常 见 类 型 、 构 成 
要 素 、 创 意 手 法 、 表 现形 式 等 来 学 习 海 报 设计 

第 6 章 为 网 络 广告 。 主 要 通过 讲述 网 络 广告 的 含义 、 常 见 的 几 种 
类 型 、 优 点 、 缺 点 等 来 学 习 网 络 广告 。 

第 7 章 为 DM 广告 。 主 要 通过 讲述 DM 广告 的 含义 、 分 类 、 优 点 、 
制作 方法 等 方面 来 学 习 DM 广告 。 

第 8 章 为 封面 设计 。 主 要 通过 讲述 封面 的 含义 、 组 成 要 素 、 表 现 
手法 、 设 计 的 重要 性 等 来 学 习 封面 设计 。 

ee 主要 通过 讲述 画册 的 含义 、 设 计 原 则 、 常 见 
分 类 、 常 见 开本 等 来 学 习 画 册 设 计 。 

第 10 章 为 插画 设计 。 主 要 通过 讲述 插画 的 含义 、 设 计 原 则 、 常 见 


前 


0 = 
一 | 


分 类 、 表 现形 式 及 风格 等 来 学 习 插画 设计 。 
第 11 章 为 产品 包装 设计 。 主 要 通过 讲述 产品 包装 的 含义 、 常 见 形式 、 常 用 材料 等 来 学 习 产品 包装 


设计 。 

第 12 章 为 UI 设计 。 主 要 通过 讲述 UI 的 含义 、 设 计 原 则 、UI 的 控件 等 来 学 习 UI 设计 。 

本 书 据 弃 了 繁杂 的 基础 内 容 和 烦琐 的 操作 步 又， 力求 用 精简 的 操作 步骤 实现 最 佳 的 视觉 设计 效果 。 为 
了 让 读者 更 好 地 吸收 知识 ， 提 高 自己 的 创作 水 平 ， 在 案例 制作 讲解 过 程 中 ， 还 给 出 了 实用 的 软件 功能 技巧 
提示 以 及 设计 技巧 提示 ， 可 供 读者 扩展 学 习 。 全 书 结构 清晰 ， 语 言 浅显 易 懂 、 案 例 丰富 精彩 ， 兼 具 实用 手 
册 和 技术 参考 手册 的 特点 ， 具 有 很 强 的 实用 性 和 较 高 的 技术 含量 。 

本 书 由 淄博 职业 学 院 的 于 修 国 老师 编写 ， 参 与 案例 视频 录制 的 有 王 芳 、 赵 岩 ， 在 此 表示 感谢 。 
由 于 作者 知识 水 平 有 限 ， 书 中 难免 有 疏漏 和 不 妥 之 处 ， 奶 请 广大 读者 批评 、 指 正 。 

本 书 提供 了 案例 的 素材 文件 、 效 果 文 件 以 及 PPT 课 件 ， 扫 一 扫 下 面 的 二 维 码 ， 推 送 到 自己 的 邮箱 后 下 
载 获取 。 
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在 实际 创作 过 程 中 ， 通 常 需要 一 定 的 文字 来 实现 标注 和 详解 ， 作 为 重点 注 


释 ; 为 了 美观 需要 对 文字 进行 特殊 处 理 ， 


使 其 起 到 标题 突出 和 醒目 的 效果 。 


在 本 章 中 我 们 将 介绍 如 何 使 用 Photoshop 来 制作 一 些 特效 文字 ,通过 对 


这 些 文字 的 处 理 初步 向 读者 展示 Photoshop 的 强大 功能 ， 


引导 读者 制作 这 


些 效果 丰富 的 文字 特效 ， 并 希望 读者 能 够 由 此 启发 制作 出 更 加 优秀 的 特效 


RS 
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文字 特效 概述 


效 的 应 用 范围 之 广 是 我 们 不 容 小 视 的 ， 无 
f、 电 商 广告 ， 文 字 特 效 都 是 


电视 广告 
而 且 起 着 非常 重要 的 装饰 和 注释 作用 。 


文字 特 
论 是 平面 广告 、 
大 量 存在 的 ， 


1.1.1 什么 是 文字 特效 


为 了 区 另 本 普 ii 
上 加 上 特效 ， 这 些 特殊 字 Eee 5 特效 字 。 
。 效 字 的 使 用 可 以 增加 作品 的 主题 和 气氛 ， 而 且 特 

字 的 搭配 会 使 整个 作品 ee 得 到 烘托 ， 如 图 1-1 
ea 


， 特 效 字 是 在 首 


PR 
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pb 


~ HappY New Year! 


可 以 看 出 这 些 文字 特效 的 美观 和 震撼 效果 ， 若 
不 使 用 特效 字 来 装饰 ， 整 个 版 面 会 显得 呆板 ， 所 以 
文字 特效 的 重要 性 显而易见 了 。 


1.1.2 文字 特效 的 用 途 


文字 特效 被 广泛 应 用 于 宣传 、 广 告 、 商 标 、 标 
题 、 板 报 、LOGO、 会 场 、 展 览 以 及 商品 包装 、 装 
漠 等 各 类 的 广告 和 装修 行业 ， 如 图 1-2 所 示 。 
文字 是 创意 中 的 一 种 直接 补充 内 容 ， 可 以 直观 
地 转告 需要 表达 的 意思 ， 而 特效 字 是 传统 字体 的 一 
种 设计 补充 ， 可 以 将 文字 制作 成 各 种 视觉 冲击 的 效 
果 ， 是 一 种 艺术 的 创作 体现 。 
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让 人 b 待 襄阳 天 下 更 才 


(2) 共用 法 : 共用 法 是 指 重 码 或 共用 一 个 笔 
画 ， 如 图 1-4 所 示 。 
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图 1-5 所 示 。 


特效 字 是 以 丰富 的 想象 力 重新 组 合 而 构成 的 字 了 EH A 上 
形 ， 既 可 以 增加 文字 直 白 的 特征 ， 也 可 以 体现 设计 2 


的 美感 。 


1.1.3” 文字 特效 的 设计 法 则 (4) 分 解 重 构 法 : 分 解 重 构 法 是 将 熟悉 的 文 
字 或 图 形 打 散 后 ， 通 过 不 同 的 角度 审视 并 重新 组 合 


在 制作 各 类 广告 、 海 报 中 的 特效 字 时 ， 如 何 才 | 处 理 ， 主 要 目的 是 破坏 其 基本 规律 并 寻求 新 的 视觉 


能 抓 住 大 众 的 眼球 是 设计 的 基本 法 则 。 下 面 我 们 将 ， 冲 击 。 
介绍 几 种 文字 特效 的 设计 方法 。 
(1) 替换 法 ;替换 法 是 在 统一 形态 的 文字 

元 素 上 加 入 不 同 的 图 形 图 像 元 素 ， 其 本 质 是 根据 商业 案例 一 一 房地产 中 的 雨 
文字 的 内 容 意思 ， 用 某 一 种 形象 来 蔡 代 某 部 分 笔 雾 玻璃 手写 字 设 计 
画 ， 这 种 形象 可 以 使 用 写实 的 图 案 ， 也 可 以 使 用 
夸张 的 符号 来 表现 。 将 文字 的 局 部 笔画 替换 掉 的 
同时 注意 一 定 不 能 改变 文字 的 本 意 和 本 质 ， 如 图 1-3 
所 示 。 


(3) 又 加 法 : 县 加 法 是 将 文字 的 笔画 互相 重 
县 或 将 字 与 字 、 字 与 形 相 互 重 肥 的 表现 手法 ， 如 


|1.2:1 ”设计 思路 


图 ”案例 类 型 

本 案例 是 一 款 雨 雾 玻 璃 特效 的 手 
写字 设计 项 目 。 
图 ”客户 诉求 

本 案例 是 设计 一 款 放置 在 房地产 中 的 特效 字 ， 
需要 一 种 有 家 的 安全 感 ， 所 以 根据 雨天 雾 效 玻璃 上 
手写 的 字 来 体现 家 的 温 声 感 。 
图 ”设计 定位 

针对 房地产 行业 的 特殊 性 ， 如 何 将 房子 推销 出 
去 ， 必 须 使 用 一 些 特殊 的 手段 ， 例 如 做 广告 、 发 传 
单 等 方式 来 推销 ， 推 销 的 过 程 想 要 引起 人 们 的 注意 
就 必须 在 广告 内 容 上 下 功夫 ， 比 如 本 章 的 主题 一 一 
特效 字 ， 在 一 些 主题 字 上 加 上 一 些 特效 来 吸引 人 们 
的 眼球 ， 能 够 引起 人 们 的 关注 ， 才 能 够 继续 引导 人 
们 深入 了 解 。 

在 设计 本 案例 中 特效 字 时 ， 设 计 还 是 依据 客 
户 诉求 来 定位 ， 首 先 我 们 需要 制作 出 雨天 玻璃 的 效 
果 ， 在 此 基础 上 再 设计 出 一 个 多 彩 的 外 景 ， 外 景 需 
要 模糊 ， 毕 竟 整 张 图 像 要 突出 表现 字 的 内 容 ， 要 体 
现 出 雨天 在 家 的 安全 感 和 温馨 感 ， 丢 掉 在 外 奔波 的 
疲劳 和 辛酸 ， 促 进 人 们 购房 的 欲望 和 期 待 。 


11.2:2 设计 法 则 


在 本 案例 中 虽 配 有 背景 ， 但 主要 表现 的 还 是 
特效 字 ， 且 需要 将 字 清晰 地 显示 出 来 。 在 整 张 图 像 
中 ， 字 体 要 将 其 放置 到 正中 偏 上 的 位 置 ， 如 图 1-6 所 
示 ， 这 个 位 置 被 称 为 黄金 分 割 比例 。 


图 1-6 
黄金 分 割 具有 严格 的 比例 性 、 艺 术 性 、 和 谐 
人 性， 蕴藏 着 丰富 的 美学 价值 ， 它 能 够 引起 人 们 的 美 


感 ， 被 认为 是 建筑 和 艺术 中 最 理想 的 比例 。 


| 1.2:3 项目 实 战 


图 ”制作 流程 
本 案例 首先 制作 出 文本 效果 ; 然后 制作 出 雨雾 
玻璃 手写 字 的 效果 ， 如 图 1-7 所 示 。 
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图 ”技术 要 点 

打开 合并 素材 制作 出 背景 效果 ， 

使 用 “ 横 排 文字 工具 ”创建 文字 ; 

使 用 “波纹 ” 滤 镜 调整 其 扭曲 

使 用 “涂抹 工具 ”和 “画笔 ”涂抹 出 留 下 的 
水 滴 ; 

使 用 图 层 的 混合 模式 设置 文字 的 效果 。 
国 。 操 { 


在 菜单 栏 中 选择 “文件 > 打开 ”命令 ， 在 弹出 的 
“打开 ”对 话 框 中 选择 随 书 配备 资源 中 的 “ 玻 
璃 (1).jpg” 文 件 ， 单 击 “ 打 开 ” 按 钮 ， 如 图 1-8 
所 示 。 


图 1-8 
信人 给 续 #] 开 “街景 jpg” 文 件 ， 如 图 1-9 所 示 。 
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图 1-9 
(在 工具 箱 中 选择 “移动 工具 ”中 .， 将 “ 街 


图 像 拖 蝶 到 “玻璃 ( 1 ) jpg” 文 档 中 ， 


并 设置 图 层 的 混合 模式 为 “ 琶 加 ”， 如 图 1-10 


所 示 , 忆 


以 在 图 层 中 查看 两 个 图 像 。 


wx 


pP 阁 v 国 @THA®S 


~ 不通 明度 : 100% ~ 


铁定: 图 A 中 村 自 填充 : 100% ~ 


© 背景 自 
中 DO 8 操 昌 全 
图 1-10 
贺 移动 工具 的 使 用 技巧 


移动 工具 就 是 用 来 移动 对 象 的 ， 前 提 是 需要 移 
动 的 对 象 所 在 的 图 层 处 于 未 被 锁定 状态 。 想 要 移动 
对 象 ， 选 择 需要 移动 对 象 所 在 的 图 层 ， 在 工具 箱 中 
选择 “移动 工具 ”中 .， 将 光标 放置 到 对 象 上 ， 可 以 
看 到 箭头 下 方 有 一 个 移动 工具 的 小 光标 ， 说 明 移动 
工具 处 于 被 选中 状态 ， 如 图 1-11 所 示 ， 按 住 鼠 标 左 
键 移动 对 象 即 可 实现 对 象 的 移动 操作 ， 如 图 1-12 所 
示 。 配 合 键盘 上 的 Shift 键 ， 按 住 鼠 标 移动 对 象 可 以 
实现 对 象 的 垂直 和 水 平移 动 ， 按 住 键盘 上 的 Alt 键 ， 


可 以 移动 复 


由 对象 ， 如 图 1-13 所 示 。 


如 果 当 前 图 层 是 锁定 状态 ， 移 动 锁定 状态 中 的 
对 象 ， 出 现 如 图 1-14 所 示 的 对 话 框 。 
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图 1-14 

跨 文件 移动 。 跨 文件 移动 就 是 将 两 个 图 像 放置 
到 一 个 文件 中 ， 如 图 1-15 所 示 有 两 个 文件 窗口 ， 我 们 
需要 将 矩形 移动 到 另 一 个 文件 窗口 中 ， 可 以 直接 使 
用 “移动 工具 ”中 ,， 将 其 拖 奥 到 另 一 个 窗口 中 ， 当 
出 现 如 图 1-16 所 示 的 箭头 加 号 时 ， 和 鼠标 即 可 将 矩形 移 
动 且 复制 到 新 的 文件 中 ， 如 图 1-17 所 示 。 在 图 1-17 中 
发 现 移动 复制 过 去 的 矩形 位 置 与 原 位 置 有 些 偏差 ， 


若 想 将 矩形 的 位 置 调整 为 源 文 件 中 的 位 置 ， 可 以 在 
移动 文件 的 同时 按 住 Shif 键 ， 如 图 1-18 所 示 。 
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图 1-16 
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图 1-17 
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图 1-18 


移动 复制 到 文件 中 的 对 象 的 大 小 如 果 与 整个 图 
像 大 小 不 符 ， 需 要 将 拖 忠 进去 的 图 像 调整 至 与 另 一 
个 图 像 的 大 小 相同 。 
按 Ctrl+T 组 合 键 # 变换 ， 可 以 看 到 图 像 

周围 出 现 了 8 个 小 方形 ， 我 们 将 其 称 为 控制 点 ， 

通过 调整 这 些 控制 点 ， 可 以 改变 图 像 的 大 小 ， 
如 图 1-19 所 示 。 


图 1-19 


辆 自由 变换 的 使 用 技巧 | 


在 自由 变换 状态 下 ， 配 合 Ctrl 键 、Alt 键 和 Shift 
键 使 用 可 以 快速 达到 某 些 变换 目的 。“ 自 由 变换 ” 
命令 可 以 在 一 个 连续 的 操作 中 应 用 旋转 、 缩 放 、 和 斜 
切 、 扭 曲 、 透 视 和 变形 ， 并 且 可 以 不 必 执 行 其 他 变 
换 命令 。 

按 Shift 键 ， 用 鼠标 左 键 单 击 拖 描 定 界 框 4 个 角 
上 的 控制 点 可 以 等 比例 放大 或 缩小 图 像 ， 如 图 1-20 
所 示 ， 也 可 以 反 向 拖 彼 形成 翻转 变换 。 鼠 标 左 键 在 
定 界 框 外 单 击 拖 奥 ， 可 以 以 15° 为 单位 顺 时 针 或 逆 
时 针 旋 转 图 像 。 


图 1-20 
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要 想 形成 以 对 角 为 直角 的 自由 四 边 形 方式 变 
换 ， 可 以 按 Ctrl 键 ， 鼠 标 左 键 单 击 拖 描 定 界 框 4 个 
角 上 的 控制 点 。 要 想 形成 以 对 边 不 变 的 自由 平行 四 
边 形 方式 变换 ， 可 以 鼠标 左 键 单 击 拖 复 定 界 框 边 
上 的 控制 点 ， 图 1-21 所 示 为 拖 役 边框 上 控制 点 的 
效果 。 


图 1-21 

要 想 形成 以 中 心 对 称 的 自由 矩形 方式 变换 ， 可 
以 按 住 Alt 键 ,鼠标 左 键 单 击 拖 揽 定 界 框 4 个 角 上 的 
控制 点 。 要 想 形成 以 中 心 对称 的 等 高 或 等 宽 的 自由 
矩形 方式 变换 ， 可 以 使 用 鼠标 左 键 单 击 拖 奥 定 界 框 
边 上 的 控制 点 。 

要 想 形 成 以 对 角 为 直角 的 直角 梯形 方式 变换 ， 
可 以 按 ShifttCtrl 组 合 键 ， 和 鼠标 左 键 单 击 拖 复 定 界 框 
4 个 角 上 的 控制 点 。 要 想 形 成 以 对 边 不 变 的 等 高 或 
等 宽 的 自由 平行 四 边 形 方式 变换 ， 可 以 鼠标 左 键 单 
击 抑 披 定 界 框 边 上 的 控制 点 。 

要 想 形成 以 相 邻 两 角 位 置 不 变 的 中 心 对 称 自 
由 平行 四 边 形 方式 变换 ， 可 以 按 Ctrl+Alt 组 合 键 ， 
鼠标 左 键 单 击 拖 投 定 界 框 4 个 角 上 的 控制 点 即 可 完 
成 。 要 想 形 成 以 相 邻 两 边 位 置 不 变 的 中 心 对 称 自由 
平行 四 边 形 方式 变换 ,可 以 鼠标 左 键 单 击 拖 复 定 界 
框 边 上 的 控制 点 。 

要 想 形 成 以 中 心 对 称 的 等 比例 放大 或 缩小 的 矩 
形 方 式 变换 ， 可 以 按 Shift+Alt 组 合 键 ， 和 鼠标 左 键 单 
击 拖 复 定 界 框 4 个 角 上 的 控制 点 。 鼠 标 左 键 单 击 拖 
复 定 界 框 边 上 的 控制 点 ， 可 以 形成 以 中 心 对 称 的 对 
边 不 变 的 矩形 方式 变换 。 

想 要 形成 以 等 腰 梯 形 、 三 角形 或 相对 等 腰 三 角 
形 方式 变换 ， 可 以 按 ShiftrCtrHt Alt 组 合 键 ， 鼠 标 左 
键 单 击 拖 描 定 界 框 4 个 角 上 的 控制 点 。 


在 “图 层 ” 面 板 中 设置 图 像 的 混合 模式 为 “过 
加 ”， 如 图 1-22 所 示 。 
“一 量 全 请 几 
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二 明度 : 100% ~ 
说: 图 /中 革 自 请 :00% ~ 
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OG 


图 1-22 
贺 图 像 的 混合 模式 


图 层 的 混合 模式 是 将 当前 图 层 与 下 面 图 层 产 
生 混 合 效果 ， 在 “图 层 ” 面 板 中 包括 如 图 1-23 所 示 
的 图 层 的 混合 模式 类 型 ， 可 以 尝试 使 用 这 些 混合 
模式 ， 可 以 制作 出 意 想不到 的 混合 效果 ， 默 认为 
“正常 ”。 


昆 合 模式 太 过 强烈 ， 


层 的 “不 透明 


度 ” 为 50， 


可 以 适当 降低 混合 模式 图 


得 到 如 图 1-24 所 示 的 


单 击 “ 创 建新 的 填充 或 调整 图 层 ” 按 钮 9.， 选 


A 择 “ 哩 光度 ” 某 单 后 ， 在 “属性 ”面板 中 可 以 看 到 


和 和 下 面 介绍 三 个 常用 参数 。 
。 曝光 度 : 调整 色调 范围 的 高 光 端 ， 对 极限 
阴影 的 影响 很 轻微。 
@ 位 移 : 使 阴影 和 中 间 调 变 暗 
响 很 轻微 。 
灰 度 系数 校正 : 
图 像 灰 度 系数 。 


， 对 高 光 的 影 


使 用 简单 的 乘 方 函数 调整 


ee = (人 在 工具 箱 中 选择 “ 模 排 文字 工具 ”T,， 在 舞台 
< 六 中 创建 文字 ， 如 图 1-26 所 示 。 
认证 : 图 w 中 村 自 博 : 100% 司 
“ 艺 忆 
e 国语 a tz 
0.2, 
,WN 
地 . 固 . 
9. A 
“时 
四 Q 
记 口 89. 白 回信 DD: 
图 1-24 De E 
“图 层 ” 面 板 底部 单 击 “ 创 建新 的 填充 或 调 国 1-26 
整 图 层 ”按钮 9.， 在 弹出 的 快捷 菜单 中 选择 人 @ 在 舞台 中 消 选 文字 ， 在 工具 属性 栏 中 选择 字 
“曝光 度 ” 命 令 ， 在 “属性 ”面板 中 调整 曝光 ” 体 ， 设 置 字体 的 大 小 ， 如 图 1-27 所 示 。 


度 的 参数 ， 如 图 1-25 所 示 。 a 
mtr 引 es = 
国 D ws 万 是 mornua® 
和 球 明度: Dos 
这 EYE 
Lm 
-本 呈 
加 讼 不遇 性 正 ; 37 ° :a a 
Ci 


在 工具 箱 中 选择 任何 一 个 工具 ， 在 工具 属性 


栏 中 都 会 出 现 相对 应 的 参数 ， 对 工具 进行 调整 ， 具 
体 的 使 用 方法 可 以 在 制作 案例 中 了 解 ， 由 于 篇 幅 有 
限 ， 这 里 就 不 详细 介绍 了 。 


©@®E “图 层 ” 面 板 中 可 以 看 到 创建 带 有 T 字 样 的 
文字 图 层 ， 鼠 标 右 击 该 图 层 ， 在 弹出 的 快捷 菜 

单 中 选择 “ 栅 格 化 文字 ”命令 ， 栅 格 化 文字 可 
以 对 文字 进行 滤 镜 的 调整 。 

人 全 在 菜单 栏 中 选择 “ 滤 镜 > 扭曲 > 波纹 ”命令 ， 
在 弹出 的 “波纹 ”对 话 框 中 设置 “数量 ” 
为 94%， 设 置 “ 大 小 ”为 “中 ”， 如 图 1-28 
所 示 。 


在 菜单 栏 中 选择 “ 滤 镜 > 扭曲 > 波纹 ”命令 ， 
在 弹出 的 “波纹 ”对 话 框 中 设置 “数量 ”为 
118%， 设 置 “ 大 小 ”为 “小 ”， 如 图 1-31 
所 示 。 


图 1-31 

在 “图 层 ” 面 板 中 设置 混合 模式 为 “ 柔 光 ”， 
并 按 Ctrl+J 组 合 键 ， 复 制 文本 图 层 为 拷贝 图 
层 ， 设 置 文 字 的 拷贝 图 层 的 混合 模式 为 “有 柔 


图 1-28 光 ”， 设 置 “ 不 透明 度 ” 为 20%， 如 图 1-32 
在 工具 箱 中 按 住 鼠 标 左 键 单 击 “ 模 糊 工 具 ”@.， 所 示 。 
在 隐藏 的 工具 中 选择 “涂抹 工具 ” 纪 ， 在 工具 | 
属性 栏 中 设置 “强度 ”为 50%， 在 舞台 中 涂抹 
文字 ， 如 图 1-29 所 示 。 
2 0 食 口 8 白 晶 个 
图 1-32 
图 1-29 
在 工具 箱 中 选择 “画笔 工具 ”x;， 在 工具 局 ” 国 复制 图 层 的 四 种 常用 方法 


性 栏 中 选择 笔触 为 “ 柔 边 ”， 笔 触 “ 大 小 ”为 
28， 如 图 1-30 所 示 。 


在 “图 层 ”面板 中 经 常会 用 到 “复制 图 层 ” 这 
个 命令 ， 下 面 介绍 四 种 常用 的 复制 图 层 的 方法 。 

第 一 种 : 最 快捷 和 最 常用 的 就 是 组 合 键 
Ctrl+J。 

第 二 种 : 将 图 层 拖 复 到 “创建 新 图 层 ” 按 钮 加 上。 

第 三 种 : 选择 需要 复制 的 图 层 ， 鼠 标 右 击 在 
弹出 的 快捷 莱 单 中 选择 “复制 图 层 ”命令 ， 会 弹出 
“复制 图 层 ” 对 话 框 ， 如 图 1-33 所 示 。 

第 四 种 : 在 图 层 的 右上 角 单 击 图 按钮 ， 可 以 弹 
出 管理 图 层 的 命令 菜单 ， 从 中 选择 “复制 图 层 ” 
命令 。 
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| 花 球 或 花篮 ， 上 面 使 用 文字 。 

| 加 ”设计 定位 

ls ; | 根据 客户 的 诉求 ， 我 们 将 制作 一 个 鲜花 的 合成 
六 人 | 击破.d | 字 ， 使 用 花 球 作为 背景 ， 如 图 1-35 所 示 。 合 成 字 是 
A 广告 中 常用 的 一 种 字体 效果 ， 通 常 是 将 文字 融合 到 
素材 中 ， 通 过 谈 挡 的 方式 或 通过 设置 图 层 混合 的 方 
式 来 制作 融合 效果 ， 使 其 融合 得 自然 即 可 。 


11.3:2 设计 法 则 


本 例 将 使 用 替换 法 来 制作 合成 字 ， 只 需要 将 一 
些 素材 文字 嵌入 到 素材 中 即 可 。 


|1.3.3 ”项目 实战 


图 ”制作 流程 
本 案例 首先 使 用 提供 的 素材 作为 背景 ， 然 后 创 
建文 本 ， 最 后 进行 整体 修饰 ， 如 图 1-36 所 示 。 


11.3.1 设计 思路 


加 ”案例 类 型 Eh 
本 案例 是 一 款 制作 鲜花 合成 字 效 “” 扫 码 
果 的 项 目 。 
图 ”客户 诉求 
本 案例 要 求 制作 鲜花 广告 中 的 注释 字体 ， 要 求 
有 创意 性 ， 与 鲜花 能 够 融合 在 一 起 ， 需 要 背景 使 用 


看 视频 
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二 | 溃 


尝 嘱 州 半 


言 兰 撤 下 doUusoloUd 贡 将 午 
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图 1-36 ( 续 ) 


技术 要 点 


打开 合并 素材 制作 出 背景 效果 ; 


使 用 “ 横 排 文字 工具 ”创建 文字 ; 


使 用 “快速 选择 ] 
使 用 “多 边 形 套 索 1 


操作 步骤 


[ 具 ” 快 速 选择 部 分 素材 ; 
[ 具 ” 减 选 选 区 。 


0 文件 > 打开 ”命令 ， 在 弹出 的 


0 人 0 


打开 ”对 话 框 中 选择 随 
背景 jpg” 文 件 ， 如 图 1-37 所 示 。 


书 配备 资源 中 的 “ 花 


图 1-37 
打开 素材 后 ， 在 工具 箱 中 选择 “ 横 排 文字 工 
具 ”T.， 在 场景 中 单 击 创 建文 字 ， 在 工具 属性 


栏 中 设置 文字 的 字体 和 大 小 以 及 颜 
图 |- 38 所 示 。 


+ po 图 msSRD 


图 1-38 


色 ， 如 


创建 文本 后 ， 在 “图 层 ” 面 板 中 出 现 文字 图 
层 ， 双 击 文字 图 层 ， 在 弹出 的 “图 层 样式 ”对 
话 框 中 选择 “投影 ” 选项， 设置 合适 的 投影 


数 ， 设 置 文字 的 投影 ， 如 图 1-39 所 示 。 


HRW 
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图 1-39 


(04 “图 层 ” 面 板 中 单 击 文字 图 层 前 的 眼睛 按 
钮 ， 将 其 隐藏 。 在 工具 箱 中 选择 “快速 选择 工 
具 ”t#,.， 在 工具 属性 栏 设置 画笔 尺寸 为 10 左 


右 ， 再 单 击 “添加 到 选区 ”按钮 器 ， 


放置 到 文字 上 的 素材 单 击 拖 动 选择 即 可 ， 轨 


图 1-40 所 示 。 


在 需要 
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图 1-40 
贺 快速 选择 工具 的 使 用 提示 


通过 “快速 选择 工具 ”Cx,， 只 需 单 击 一 次 ， 
即 可 选择 图 像 中 最 突出 的 主体 。 选 择 主体 功能 经 过 
学 习 训练 后 ， 能 够 识别 图 像 上 的 多 种 对 象 ， 包 括 人 
物 、 宠 物 、 动 物 、 车 辆 、 玩 具 等 。 

在 该 工具 的 工具 属性 栏 中 可 以 发 现 “新 选 
区 ”Cy#、“ 添 加 到 选区 ”{ 党 和 “从 选区 减 去 ”5Y 
三 个 创建 选区 的 工具 ， 这 三 个 工具 的 功能 介绍 
如 下 。 

新 选区 : 在 舞台 中 创建 选区 ， 如 果 选 区 创 
建 错 了 无 须 取消 选择 ， 再 次 单 击 可 以 重新 创建 新 
选区 。 

添加 到 选区 : 可 以 创建 连续 多 个 选区 内 容 。 

从 选区 减 去 : 可 以 在 当前 选区 中 减 去 单 击 区 域 
的 选择 。 
人 外 建 选 区 后 ， 如 果 没有 精确 创建 选区 ， 可 以 配 

合 使 用 “多 边 形 套 索 工具 ” 渐 .， 加 选 或 减 选 

选区 。 


园 多 边 形 套 索 工具 的 使 用 提示 


“多 边 形 套 索 工 具 ” 列 ,适合 创建 一 些 转角 比较 
强烈 的 选区 。 在 水 平方 向 、 垂 直方 向 或 45 度 方向 
上 绘制 直线 ， 可 以 使 用 “多 边 形 套 索 工具 ” 列 , 绘 制 
选区 ， 然 后 按 Shift 键 。 另 外 ， 按 Delete 键 可 以 删 
除 最 近 绘 制 的 直线 。 


创建 选区 后 ， 在 “图 层 ” 面 板 中 选择 “背景 
图 层 ， 按 Ctrl+J 组 合 键 ， 将 选区 中 的 图 像 复 制 
到 “图 层 1” 中 ， 按 住 “ 图 层 1” 将 其 拖 描 到 文 
字 图 层 的 上 方 ， 如 图 1-41 所 示 ， 制 作出 合成 字 
效果 。 


颜色 平衡 。 
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图 1-41 


选择 “背景 ”图 层 ， 按 Ctrl+L 组 合 键 ， 在 弹出 
的 “ 色 阶 ”对 话 框 中 调整 色 阶 参数 ， 如 图 1-42 


所 示 。 


两 没 [日 | 自 室 


通道 (0); RS6 
区 入 色 阶 1 


图 1-42 


色 阶 的 使 用 提示 


使 用 “ 色 阶 ”命令 可 以 校正 图 像 的 色调 范围 和 


“ 色 阶 ”直方 图 可 以 用 作 调整 图 像 基 本 


山 


山 ! 吝 


海 医 州 半 


苦 撤 下 dousoloUd 荣 半 嬉 


色调 的 直观 参考 ， 调 整 方法 是 在 “ 色 阶 ”对 话 框 中 
通过 调整 图 像 的 阴影 、 中 间 调 和 高 光 的 强度 级 别 来 
达到 最 佳 效 果 。 在 菜单 中 选择 “图 像 > 调 整 > 色 阶 ” 
命令 ， 打开“ 色 阶 ”对 话 框 。 


至 此 ， 合 成 字 制 作 完成 。 


后 面 的 章节 中 将 会 用 到 大 量 的 文字 特效 ， 本 章 
先 简单 地 介绍 一 些 。 


优秀 作品 欣赏 


标志 (logo， 又 称 标 识 ) 是 生活 中 人 们 用 来 表明 某 一 事物 特征 的 记号 ， 
就 像 人 的 名 字 一 样 ， 说 到 名 字 就 会 想到 对 应 的 人 。 

在 设计 标志 时 通常 辅 以 识别 和 容易 记 住 的 一 些 形状 和 符号 ， 设 计 过 程 
不 需要 烦琐 ， 只 需 简单 、 容 易 辨识 即 可 。 

本 章 主 要 讲述 什么 是 标志 、 标 志 的 构成 、 标 志 设计 原则 、 标 志 的 类 
型 、 表 现形 式 、 形 式 美 法 则 等 内 容 。 


> |< orenga 笃信 


Beach Side 、 ~ technologies inc i 
有 特别 神秘 关系 的 动物 或 自然 物象 作为 本 氏族 或 部 


标志 设计 概述 
落 的 特殊 标记 〈 即 图 腾 ) 。 后 来 就 作为 战争 和 和 祭礼 
的 标志 ， 成 为 族 旗 、 族 徽 。 国 家 产生 以 后 ， 又 演变 
在 我 们 的 现实 生活 中 ， 标 志 是 一 种 显示 身份 的 ， 成 国旗 、 国 微 。 无 论 是 国内 还 是 国外 ， 标 志 最 初 都 
符号 ， 即 使 是 一 家 小 商铺 也 会 拥有 自己 的 标志 。 标 ， 是 采用 生活 中 的 各 种 图 案 的 形式 ， 可 以 说 它 是 商标 
志 已 经 成 了 人 与 企业 之 间 的 一 种 对 话 方式 。 它 以 传 标识 的 萌芽 。 现 代 标 志 则 承载 了 企业 的 无 开 
达 某 种 信息 ， 凸 显 某 种 特定 内 涵 为 目的 ， 以 图 形 或 是 企业 综合 信息 的 传递 媒介 。 标 志 作 为 企业 营销 战 
文字 等 方式 星 现 。 既是 人 与 人 之 间 沟 通 的 桥梁 ， 也 ， 咯 中 最 主要 的 部 分 ， 在 企业 形象 传递 过 程 中 ， 是 最 
是 人 与 企业 之 间 形 成 的 对 话 ， 如 图 2-1 所 示 ， 只 要 看 ， 广泛、 出 现 率 最 高 ， 同 时 也 是 最 关键 的 元 素 ， 如 
到 所 示 标 志 就 会 想到 其 代表 着 什么 。 图 2-3 所 示 。 


2.1.1 “认识 标志 


所 谓 标志 ， 就 是 徽标 ， 拥 有 识别 性 、 推 广 性 ， 
标志 是 人 们 在 长 期 的 生活 和 实践 中 形成 的 一 种 视觉 ley blambu 
化 的 信息 表达 方式 ， 有 具有 一 定 含义 并 且 能 够 使 人 理 V 
解 的 视觉 图 形 。 通 过 标志 可 以 传达 一 些 特定 的 信 
息 ， 让 消费 者 记 住 公司 主体 和 品牌 的 文化 。 网 络 中 
的 标志 主要 是 各 个 网 站 用 来 与 其 他 网 站 链接 的 图 像 2.1.2 标志 的 性 质 
标志 ， 是 网 络 或 网 站 中 的 一 个 重要 模块 。 

标志 在 原始 社会 中 就 已 体现 出 来 了 。 标 志 的 标志 就 是 一 张 融合 了 对 象 所 要 表达 的 所 有 内 容 
使 用 可 以 追溯 到 上 古 时 代 的 “图 腾 ”， 如 图 2-2 所 ， 的 标签 ， 是 企业 品牌 形象 的 代表 。 其 将 所 要 传达 的 
示 。 那 时 每 个 氏族 和 部 落 都 选用 一 种 认为 与 自己 内容 以 精练 而 独到 的 形象 呈现 在 大 众 眼前 ， 成 为 一 
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种 记号 而 吸引 观众 的 眼球 。 标 志 在 
可 替代 的 地 位 ， 其 功能 主要 体现 在 以 下 几 点 。 

(1) 功用 性 : 标志 的 本 质 在 于 它 的 功用 性 。 
经 过 艺术 设计 的 标志 虽然 具有 观赏 价值 ， 但 主要 不 
是 为 了 供 人 观赏 ， 而 是 为 了 实用 。 标 志 是 人 们 进行 | 
生产 活动 、 社 会 活动 必 不 可 少 的 直观 工具 。 

(2) 识别 性 : 除 隐 形 标志 外 ， 绝 大 多 数 标志 | 


现代 社会 具有 不 


和 设计 就 是 要 引起 人 们 注意 。 因 此 色彩 强烈 醒目 、 
图 形 简练 清晰 ， 是 标志 通常 具有 的 特征 。 


(3) 保护 性 : 为 消费 者 提供 了 质量 保证 ， 为 
企业 提供 了 品牌 保护 的 功能 ， 我 国 的 法 律 中 有 针对 
标志 原创 的 保护 条 例 。 

(4) 多 样 性 : 标志 种 类 繁多 、 
论 从 其 应 用 形式 、 构 成 形式 、 表 现 手段 来 看 ， 都 有 
基板 基站 寅 的 多 村 计 。 

(5) 艺术 性 : 标志 
求 ， 又 要 符合 美学 原则 ， 给 人 以 美感 ， 是 对 其 艺术 
性 的 基本 要 求 。 


用 途 广泛 , 无 


的 设计 既 要 符合 实用 要 


标志 作为 传媒 特性 的 logo， 
空间 中 实现 所 有 视觉 的 识别 功能 
和 文字 进行 组 合 ， 达 到 对 标志 的 说 明 、 
流 ， 从 而 引导 受众 的 兴趣 、 
所 示 。 


为 了 在 最 有 效 的 
- 般 通 过 图 像 
沟通 、 交 
记忆 等 目的 ， 如 图 2-4 


和 从 后 厨房 


图 2-4 

标志 中 文字 是 传达 其 含义 的 直观 方法 ， 文 字 
包含 字母 、 汉 字 、 数 字 等 形式 。 不 同 的 文字 使 用 会 
给 人 带 来 不 一 样 的 视觉 感受 。 如 传统 的 汉字 表达 的 
含义 是 具有 古朴 的 、 有 文化 底蕴 的 文化 属性 ， 不 同 
种 类 的 文字 具有 不 同 的 特性 ， 所 以 在 进行 标志 设计 
时 ， 要 深入 了 解 其 特性 ， 从 而 设计 出 符合 主题 的 作 
品 ， 如 图 2-5 所 示 。 
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人 下 


图 2-5 


标志 中 图 形 所 包含 的 


范围 更 加 广泛 ， 如 几何 图 


形 、 人 物 造型 、 动 植物 造 


| 和 美化 的 图 形 能 够 起 到 很 


出 设计 立意 ， 更 能 使 整个 
图 2-6 所 示 。 


从 


型 等 。 一 个 经 过 艺术 加 工 
好 的 装饰 作用 ， 不 仅 能 突 
画面 看 起 来 巧妙 生动 ， 如 


多. artfim 


比较 高 ， 比 较 的 亮丽 ， 
是 光鲜 亮丽 的 多 彩 颜色 组 
只 要 运用 得 当 ， 都 能 使 人 
2-7 所 示 。 


去 


LUMILAN 
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图 2-6 
颜色 在 标志 设计 中 是 不 可 缺少 的 部 分 。 色 彩 是 
形态 三 个 基本 要 素 〈( 形 、 色 、 质 ) 之 一 。 标 志 常 用 
| 的 颜色 为 三 原色 〈 红 、 黄 、 蓝 ) ， 这 三 种 颜色 纯度 


更 容易 吸引 人 的 眼球 。 无 论 


合 还 是 统一 和 谐 的 单 色 
民 前 一 亮 并 记忆 深刻 ， 如 


Creative dog 


-了 
了 


Epic 


| 2.1.4 标志 的 设计 原则 


在 现代 设计 中 ， 标 志 设计 作为 最 普遍 的 艺术 设计 ， 


形式 之 一 ， 不 仅 与 传统 的 图 形 设计 相关 ， 更 是 与 当代 
的 社会 生活 紧密 联系 。 在 追求 标志 设计 带 来 社会 效益 
的 同时 ， 我 们 还 是 要 遵循 一 些 基本 的 设计 原则 ， 从 而 
创造 出 独一无二 、 具 有 高 价值 的 标志 设计 。 


(1) 识别 性 : 无 论 是 简单 的 还 是 复杂 的 标志 
设计 ， 其 最 基本 的 目的 就 是 让 大 众 识别 。 

(2) 内 涵 性 : 设计 标志 一 定 要 有 它 自 身 的 含 

义 ， 和 否则 做 得 再 漂亮 ， 也 只 不 过 是 形式 美 罢 了 ， 

没有 一 点 意义 ， 所 以 在 设计 标志 过 程 中 必须 具有 


内 涵 。 

(3) 原创 性 : 在 纷 杂 的 各 式 标志 设计 中 ， 只 
有 坚持 原创 性 ， 避 免 与 其 他 标志 雷同 ， 才 可 以 成 为 
品牌 的 代表 。 


(4) 独特 性 : 每 个 品牌 都 有 其 各 自 的 特色 ， 
其 标志 也 必须 彰显 其 独一无二 的 文化 特色 。 

(5) 简洁 性 : 过 于 复杂 的 标志 设计 不 易 识 别 
和 记忆 ， 简 约 大 方 更 易 理 解 记忆 和 传播 。 

(6) 色彩 性 : 色彩 为 工业 设计 科学 中 必须 研 
究 的 基本 课题 ， 通 过 色彩 可 以 影响 到 人 的 心理 。 


|2.1:5 “标志 的 类 型 


根据 基本 组 成 因素 ， 标 志 可 分 为 以 下 几 种 。 

(1) 文字 标志 : 文字 标志 有 直接 用 中 文 、 外 
文 或 汉语 拼音 的 单词 构成 的 ， 也 有 用 汉语 拼音 或 外 
文 单词 的 字 首 进行 组 合 的 ， 如 图 2-8 所 示 。 


3 区 到 


图 2-8 


(2) 图 形 标志 : 


形 标志 是 一 种 通过 几何 图 


案 或 象形 图 案 来 表示 的 标志 。 图 形 标志 又 可 分 为 三 | 


种 ， 即 具象 图 形 标志 、 抽 象 图 形 
结合 的 图 形 标志 ， 如 图 2-9 所 示 。 


标志 与 具象 抽象 相 


(3) 图 文 组 合 标志 : 图 文 组 合 标志 集中 了 文 
:和 图 形 标志 的 长 处 ， 弥 补 了 两 者 的 不 足 ， 如 
图 2-10 所 示 。 


村 


Blue lsland 


EE 


字 标 志 
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cppleneod LT 


图 2-10 


| 2.1.6 ”标志 设计 的 表现 形式 


(1) 具象 表现 形式 : 具象 表现 是 指 具 体 的 形 
象 ， 如 人 体 造 型 、 动 物 造型 、 植 物 造型 、 器 四 造 
型 、 自 然 造 型 等 ， 对 需要 表现 的 对 象 稍 加 处 理 ， 可 
以 不 失 其 貌 地 表现 出 其 象征 的 意义 ， 如 图 2-11 所 示 。 


Mil 


delicias 
i—、 


图 2-11 
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(2) 抽象 表现 形式 : 抽象 表现 形式 是 对 具象 
的 对 象 进 行 极 简 处 理 ， 如 圆 形 标志 、 四 边 形 标志 、 
三 角形 标志 、 多 边 形 标志 、 方 向 形 标志 等 ， 利 用 简 
单 的 图 形 符号 表现 其 属性 所 带 来 的 感觉 是 容易 识别 


和 记忆 的 ， 如 图 2-12 所 示 。 


shutterclicks Elg 
stroke 


SC 


(3) 文字 表现 形式 : 文字 基本 也 属于 具象 表 
现 ， 非 常 简单 明了 地 展现 给 大 家 ， 不 用 刻意 修饰 其 
寓意 。 不 同 的 汉字 给 人 的 视觉 冲击 不 同 ， 其 意义 也 
不 同 ， 楷 书 给 入 以 稳重 端庄 的 视觉 效果 ， 而 隶书 具 
有 精致 古典 之 感 。 文 字 表 现形 式 的 素材 有 汉字 、 拉 
丁字 母 、 数 字 标志 等 ， 如 图 2-13 所 示 。 


| 2.1:7 “标志 的 形式 美 法 则 


标志 设计 是 一 种 视觉 表现 的 艺术 形式 ， 人 们 在 
观看 一 个 标志 图 形 的 同时 ， 也 是 一 种 审美 的 过 程 。 
A oe 

(1) 反复 : 反复 造型 是 指 简 单 的 
且 有 规律 的 使 用 ， 从 而 产生 整齐 和 强烈 


像 反 复 
9 视觉 冲 
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击 ， 如 图 2-14 所 示 。 
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图 2-14 
(2) 对 比 : 对 比 是 指 通过 形 与 形 之 间 的 对 照 
比较 ， 突 出 局 部 的 差异 性 ， 是 标志 图 形 取得 视觉 特 
征 的 途径 。 可 通过 大 小 、 颜 色 、 形 状 、 虚 实 等 产生 


对 比 ， 如 图 2-15 所 示 。 
护 
Rabbitsy 


(3) 统一 ; 统一 完整 的 保证 ， 是 通过 


形 与 形 之 间 的 相互 协调 、 各 要 素 的 有 机 结合 而 形成 
一 种 稳定 、 顺 畅 的 视觉 效果 ， 如 图 2-16 所 示 。 


(4) 渐变 : et pda 颜 | (8) 反衬 : 反衬 是 指 通过 与 主体 形象 相反 的 
色 的 渐变 效果 等 ， 通 过 调整 标志 的 渐变 类 型 可 以 给 | 次 要 形象 来 突出 设计 主题 ， 使 造型 要 素 之 间 形 成 一 
We 体感 ， 如 图 2-17 所 示 。 种 强烈 的 对 比 ， 突 出 重点 ， 对 观 者 形成 强 有 力 的 视 
觉 冲击 ， 如 图 2-21 所 示 。 


9 df 图 2-21 
A | 重奏。 重大 是 指 将 一 个 或 多 个 造型 要 素 


堆 乔 ， 而 形成 一 种 层次 化 、 


2 立体 化 、 空 间 化 较 强 的 平面 构图 ， 如 图 1-22 所 示 。 。 有 
MILICASEKULIC | 
Cacaiue Telee | 
图 2-17 | 
(5) 突破 :突破 是 要 根据 客户 需要 进行 创新 
设计 ， 并 在 造型 上 制作 恰到好处 的 夸张 和 变化 。 这 ， 
种 标志 一 般 比较 有 个 性 ， 使 得 制作 的 标注 更 加 引 人 国 2 
注目 ， 如 图 2-18 所 示 。 | (lo) 幻 视 : 幻 视 是 指 通过 一 定 的 幻 视 技巧 
| (如 波纹 、 点 群 和 各 种 平面 、 立 体 等 构成 方式 ) 而 
NN LA \ 形成 一 种 可 视 幻觉 ， 使 得 画面 产生 一 定 的 律动 感 
| 如 图 2-23 所 示 。 
图 2-18 
(6) 对称: 对 称 是 指 依据 图 形 的 自身 形成 完 | 
全 对 称 或 不 完全 对 称 形式 ， 从 而 给 和 一 种 较为 均 | S 
衡 、 秩 序 井 然 的 视觉 感受 ， 如 图 2-19 所 示 。 | 
| 
《sp 回 
图 2-19 
(7) 均衡 :均衡 是 指 通过 一 个 点 的 支撑 对 造 | | | | 
型 要 素 进行 对 称 和 不 对 称 排列 ， 从 而 获得 一 种 稳定 | 从 委 
的 视觉 感受 ， 如 图 2-20 所 示 。 | 
Bar Codoe \ 
| (11) 装饰 装饰 是 在 标志 设计 表现 技法 的 基 。 全 
证 Ne ， 础 之 上 ， 进 一 步 地 加 工 修饰 ， 使 得 标志 的 整体 效果 ”山上 


生动 完美 ， 如 图 2-24 所 示 。 
图 2-20 | 更 加 生动 完美 ， 如 图 2-24 所 示 
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图 2-24 


用 家 房产 


| 2.2:1 设计 思路 


加 ”案例 类 型 壮 信守 

本 案例 是 设计 一 款 简 约 房产 广告 。 
图 ”设计 背景 

爱 家 房产 是 一 家 二 手 房 中 介 交易 公司 ， 是 提 
供 一 对 一 二 手 房 买卖 服务 的 公司 ， 可 以 让 买 家 和 卖 
家 少 走 许多 次 路 ， 房 地 产 中 介 是 地 产业 的 重要 组 成 
部 分 ， 为 地 产 的 生产 、 政 通 和 消费 提供 了 多 元 化 的 
服务 。 
图 ”设计 定位 

房产 中 介 是 一 个 商务 的 严谨 的 地 方 ， 所 以 在 用 
色 上 我 们 将 使 用 代表 商务 严肃 的 筋 吉 黄色 ， 考虑 到 
设计 原则 中 的 识别 性 ， 我 们 将 使 用 抽象 的 房子 造型 
来 表示 标志 图 形 ， 制 作 极 简 的 房子 标志 效果 。 


| 2.2:2” 配色 方案 


针对 需要 设计 成 商务 效果 的 图 标 ， 我 们 可 以 采 
比较 突出 商务 严肃 的 雾 者 蓝 和 深蓝 来 搭配 制作 出 
房产 广告 的 效果 。 
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国 ” 主 色 

雾 猎 蓝 是 一 个 非常 大 气 、 迷 人 的 颜色 ， 蓝 是 一 
种 最 冷 的 色彩 ， 也 是 非常 纯净 的 。 蓝 色 在 心理 学 上 
可 以 使 人 冷静 、 蓓 达 、 沉 稳 ， 所 以 常常 在 商业 设计 
中 使 用 ， 如 图 2-25 所 示 。 


国 ”辅助 色 
我 们 使 用 同一 色 系 的 深蓝 色 搭 配 黑色 和 


色 可 
以 更 加 商务 、 严 肃 和 谨慎 ， 若 添加 其 他 色彩 会 让 主 
题词 不 达意 。 
加 ”其 他 配色 方案 

如 图 2-26 所 示 是 我 们 调整 出 的 其 他 配色 方案 ， 
由 左 到 右 来 分 析 一 下 ， 绿 色 的 logo 可 以 给 人 清新 的 
感觉 ， 且 绿色 代表 生机 和 从 头 开 始 ， 高 级 蓝 时 尚 
原色 比较 多 ， 但 蓝 色 所 表达 的 心理 它 同样 也 可 以 
表现 出 来 ， 同 时 有 让 人 眼前 一 亮 的 效果 ; 涪 红 
色 不 用 鲜红 是 因为 鲜红 给 人 的 感觉 太 过 火热 ， 
暗 红 色 给 人 的 感觉 就 不 一 样 了 ， 它 有 热情 和 稳 
的 效果 ， 可 以 根据 客户 的 喜好 来 选择 喜欢 的 色彩 
方案 。 


纺 册 司 


爱 家 房产 爱 家 房产 爱 家 房产 


图 2-26 


|2.2:3 ”形状 设计 


12.2:6 项目 实 战 


形状 设计 上 我 们 采用 了 有 校 有 和 角 的 形状 和 图 案 
来 设计 本 案例 的 图 像 ， 因 为 有 棱 有 角 标 志 着 严肃 、 
谨慎 、 刚 正 的 心理 作用 ， 如 2-27 所 示 。 


A 


图 2-27 


加 ”制作 流程 

本 案例 首先 绘制 三 角形 ， 复 制 并 缩放 三 角形 ， 
设计 出 底 图 的 效果 ; 然后 创建 矩形 并 绘制 烟 简 和 三 
角形 下 的 长 条 ; 最 后 在 三 角形 和 长 条 之 间 创 建 公司 
名 称 ， 如 图 2-29 所 示 。 


企 公 


图 2-29 
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| 2.2.4 “标志 的 表现 形式 


标志 的 整体 表现 形式 采用 均衡 构图 ， 以 中 间 的 
文字 来 作为 支点 ， 支 撑 上 部 分 和 下 部 分 ， 使 设计 的 
标志 产生 一 种 稳定 的 感觉 ， 并 采用 了 简约 具象 的 表 
现形 式 来 设计 和 绘制 图 案 ， 如 图 2-28 所 示 。 


图 ”技术 要 点 
使 用 “多 边 形 工具 ”绘制 三 角形 ; 
使 用 “和 矩形 工具 ”绘制 矩形 ; 


2 Ea wr 使 用 “ 横 排 文字 工具 ”添加 名 称 。 
爱 家 房 ) 曙 “操作 步 又 
图 2-28 运行 Photoshop 软 件 ， 在 “欢迎 ”界面 中 单 击 


“新 建 ”按钮 ， 在 弹出 的 “新 建文 要 ”对 话 框 
中 设置 “宽度 ”为 3000 像 素 、“ 高 度 ” 为 2500 
像素 ， 设 置 “ 分 辨 率 ” 为 300 像 素 /英寸 ， 单 击 
“创建 ”按钮 ， 如 图 2-30 所 示 。 


| 2.2.5“ 同 类 作品 欣赏 


ARCHITECTS 同 | 网 网 
BOSTON CRIBS Fa a 2 


图 2-30 
您 在 工具 箱 中 按 住 鼠 标 左 键 单 击 “ 珑 形 工具 " 


2 
REACOM 按钮 回 , ， 从 中 选择 隐藏 的 工具 “多 边 形 工 


A 。 具 ”@,， 在 工具 属性 栏 中 设置 “ 填 亢 " 色 块 的 


0 


四 时 喜 兰 改 避 doUsolouUd 荣 半 壬 


[ed 


RGB 为 62、118、167， 设 置 “ 描 边 ” 为 无 ， 设 
置 “ 边 ”为 3 像素 ， 如 图 2-31 所 示 。 
= 医 硬 区] -一 - 


C3 ET mm 


图 2-31 
贺 设置 形状 的 描 边 和 填充 提示 和 技巧 


当 使 用 形状 工具 时 ， 在 工具 属性 栏 中 会 出 现 
“填充 ”和 “ 描 边 ”两 个 色 块 ， 单 击 色 块 可 以 弹 
出 一 个 预 设 的 色 块 ， 如 果 在 弹出 的 色 块 快捷 菜单 
中 没有 自己 需要 的 颜色 ， 单 击 快捷 菜单 中 右上 角 的 
( 拾 色 器 ) 按钮 回 ， 弹 出 “ 拾 色 器 (填充 颜色 ) ” 
对 话 框 ， 从 中 可 以 设置 需要 的 颜色 ， 如 图 2-32 
所 示 。 


图 2-32 
除了 设计 纯色 之 外 ， 还 可 以 在 弹出 的 快捷 菜单 
中 选择 设置 填充 或 轮廓 为 无 四 、 渐 变 回 、 图 案 陶 
填充 效果 。 


设置 好 之 后 ， 在 舞台 中 绘制 三 角形 ， 如 图 2-33 
所 示 。 

人 @ 创 建 = 角 后 ， 按 Ctrl+T 组 合 键 ， 调 整 三 角形 
至 合适 的 大 小 ， 按 Enter 键 确定 调整 变形 ， 调 整 
到 合适 的 大 小 后 ， 按 Ctrl+J 组 合 键 ， 复制 三 角 
形 图 层 ， 按 Ctrl+T 组 合 键 ， 打 开 自 由 变换 ， 
按 Shift 键 ， 同 时 按 住 鼠 标 左 键 拖 动态 上 角 的 
控制 点 ， 将 其 向 右 侧 等 比例 缩放 ， 如 图 2-34 
所 示 。 


020 


9 


SE 站 口 下 到 | 


上 四 了 了 号 Rh 日 时 这 


人 RE 


上 日。 六 


图 2-34 


(在 工具 箱 中 选择 “路 径 选 择 工具 ”NR,， 选 择 缩 
放 后 的 三 角形 ， 在 工具 属性 栏 中 设置 “填充 " 
为 白色 ， 如 图 2-35 所 示 。 


/ 


图 2-35 
使 用 同样 的 方法 复制 并 等 比例 缩放 三 角形 ， 设 
置 “填充 ” 色 块 的 RGB 为 62、118、167， 如 
图 2-36 所 示 。 


图 2-36 
在 工具 箱 中 按 住 鼠 标 左 键 单 击 “ 多 边 形 了 
具 ”@.， 在 弹出 的 隐藏 工具 中 选择 “矩形 了 


人 


具 ” 转 ， 在 工具 属性 栏 中 设置 “填充 ”为 白 | @ELt, 房产 标志 制作 完成 。 按 Ctrl+S 组 合 键 ， 在 
色 、“ 轮 廓 ”为 无 ， 在 舞 全 中 创建 白色 矩形 作 | 弹出 的 “另存 为 ”对 话 框 中 选择 一 个 存储 路 径 ， 
为 窗户 ， 如 图 2-37 所 示 。 | 为 制作 的 标志 命名 ， 将 完成 的 设计 存储 即 可 。 


2 _3 商业 案例 -传统 川 荣 馆 标志 
设计 ) 


Ey 
对 
对 
半 


继续 使 用 矩形 工具 ， 在 工具 属性 栏 中 设置 “ 填 
充 ” 的 RGB 为 62、118、167， 绘 制 烟 简 ， 如 
图 2-38 所 示 。 | 


chuanxiang 


12.3.1 设计 思路 


图 2-38 
使 用 “矩形 工具 ” 回 , 创 建 短 形 ， 如 图 2-39 所 
示 ， 在 创建 出 一 个 矩形 之 后 ， 使 用 “移动 工 
具 ” 中 , 按 住 Alt 键 移动 复制 矩形 。 


| 
| 
| 
| 
图 2-37 | 
| 
| 
| 
| 
| 
| 


加 ”案例 类 型 EE 
本 案例 是 设计 一 款 传统 川菜 馆 标 志 设计 。 
加 ”设计 背景 
所 亩 川菜 就 是 四 川菜 ， 是 中 国 特色 的 传统 八大 
菜系 之 一 ， 川 菜 的 味道 相当 丰富 ， 号 称 百 菜 百味 。 
其 中 最 重要 的 特点 就 是 麻辣 ， 而 在 四 川 当地 辣椒 也 
是 家 家 户 户 必 备 的 一 种 调味 剂 ， 如 图 2-41 所 示 。 


EE 
图 2-39 

人 OQ 使 用 “路 径 选 择 工具 ” 民 .， 在 舞台 中 选择 底 | 

部 的 矩形 ， 将 其 向 下 调整 ， 使 用 “ 横 排 文 字 工 

具 ” 了 .在 如 图 2-40 所 示 的 位 置 创建 公司 名 称 ， 

滑 选 选中 文字 ， 设 置 合适 的 字体 、 颜 色 以 及 | 

大 小 。 


| 
| 
| 
1 
| 
| 
| 
| 
| 
| 
| 
| 
| 
| 
| 
| 
| 
| 
| 
| 
| 
| 
| 
| 
i 
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| 国 主 色 

| 主 色 使 用 黑色 ， 原 始 的 水 墨 画 最 主要 的 是 水 
与 墨 ， 而 墨 是 黑色 的 ， 随 意 绘制 出 的 是 黑白 的 水 黑 
， 作品。 

| 加 ”辅助 色 

| 辅助 色 使 用 红色 ， 因 为 需要 绘制 辣椒 ， 所 以 会 
， 以 水 墨 的 形式 来 制作 ， 红 色 代表 着 积极 乐观 ， 真 诚 
| 

| 

| 


主动 、 富 有 感染 力 ， 且 红色 非常 喜庆 ， 在 中 国 红色 
是 代表 吉祥 的 颜色 。 红 色 与 黑色 搭配 表现 得 更 为 传 
统 和 喜庆 ， 如 图 2-43 所 示 。 


图 2-41 ( 续 ) 
国 ”项 目 诉求 

根据 菜馆 的 特色 ， 客 户 想 要 做 一 个 传统 的 标 
志 ， 并 且 想 在 标志 上 放 上 辣椒 的 元 素 ， 该 标志 主要 
放置 到 网 站 上 、 菜 单 上 、 名 片上 、 工 作 服 上 、 围 裙 
等 一 些 地 方 。 
图 ”设计 定位 

根据 川 荣 馆 的 特色 ， 我 们 将 在 标志 中 放置 辣椒 
团 ， 通 过 修改 ， 将 绘制 具有 水 墨 特色 的 文字 类 型 标 
志 ， 利 用 文字 装饰 的 形式 来 表现 标志 效果 。 


| 2.3.2 “配色 方案 


根据 客户 要 求 我 们 初步 定义 水 墨 标志 ， 水 黑 书 “| 2.3.3“ 标 志 的 表现 形式 
法 和 画作 是 我 国 优秀 的 历史 文化 ， 所 以 可 以 根据 菜 
馆 的 名 称 穿插 进 水 墨 效果 ， 如 图 2-42 所 示 。 另 外 在 
水 墨 的 基础 上 调整 出 红色 辣椒 。 


在 案例 中 我 们 将 使 用 行 楷 字 体制 作 标志 ， 表 现 
形式 为 文字 表现 形式 ， 在 文字 表现 过 程 中 会 使 用 图 
案 来 葵 代 壁画 ， 来 作为 装饰 效果 ， 如 2-44 所 示 。 


图 2-44 
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| 2.3.5 项目 实战 


国 ”制作 流程 


本 案例 首先 创建 文字 ， 


将 文字 


图 


层 栅 格 化 ; 


然后 创建 需要 删除 部 分 笔画 区 域 ， 将 不 需要 的 笔 ， 


画 删除 ， 并 添加 素材 ， 最 后 创建 副标题 ， 


所 示 。 


图 2-45 


如 图 2-45 | 
| 
| 
| 


图 2-45 ( 续 ) 
图 ”技术 要 点 
使 用 “ 横 排 文字 工具 ”创建 文字 ; 
使 用 “ 栅 格 化 ”命令 栅 格 化 文字 图 层 ; 
使 用 “多 边 形 套 索 工具 ”创建 并 删除 选区 中 的 
为 容 ; 
使 用 “自由 变换 ”命令 调整 素材 的 角度 和 大 小 ; 
使 用 “椭圆 工具 ”绘制 底 纹 。 
图 ”操作 步骤 
| 人 运行 Photoshop 软 件 ， 在 “欢迎 ”界面 中 单 击 


“新 建 ” 按 钮 ， 在 弹出 的 “新 建文 档 ” 对 话 框 
中 设置 “宽度 ”为 800 像 素 、“ 高 度 ” 为 800 像 
素 ， 设 置 “ 分 辨 率 ”为 72 像 素 /英寸 ， 单 击 “ 介 
建 ”按钮 ， 如 图 2-46 所 示 。 


图 2-46 
| 人 “ 横 排 文字 工具 ”了 T.， 在 舞台 
中 创建 “ 川 ” 字 ， 如 图 2-47 所 示 。 


手 现 证 新 ”项 Z 站 


图 2-50 


【03 “图 层 ” 面 板 中 双击 文字 图 层 的 图 层 缩 览 图 
T 字 样 ， 选 择 文字 后 ， 在 工具 属性 栏 中 选择 文 


字 字 体 坯 为 “华文 行 楷 ”， 设 置 字 体 的 大 小 开 


中 
文 

版 

卫 

[e) 

3 

on 

a 

口 

商 

业 图 2-47 
项 

目 

取 

ra 

至 为 350 点 ,设置 字体 的 颜色 为 黑色 ， 如 图 2-48 
解 

析 


所 示 。 
tr rm EE ME] 天 = =<]: ea ev 图 2-51 
【04 “图 层 ” 面 板 中 ， 选 择 “ 川 ” 字 图 层 ， 鼠 标 变换 参数 ， 并 按 Ctrl+D 组 合 键 ， 取 消 选区 的 


右 击 ， 在 弹出 的 快捷 菜单 中 选择 “ 栅 格 化 文 
字 ” 命 令 ， 如 图 2-49 所 示 。 
Ef 导出 为 … 


选择 。 
在 菜单 栏 中 选择 “文件 > 打开 ”命令 ， 在 弹出 
的 “打开 ”对 话 框 中 选择 随 书 配备 资源 中 的 
“ 撒 png” 文 件 ， 单 击 “ 打 开 ” 按 钮 ， 如 图 2-52 


来 自 图 屋 的 画板 -- 
2 类 “四 | i 为 智 衣 对 象 


图 2-49 
人 @ 售 册 格 化 图 屋 后 ， 使 用 “多 边 形 套 索 工具 ” 列 .， 
在 舞台 中 选择 如 图 2-50 所 示 的 区 域 。 
命 技 Cel+T 组 合 键 扣 开 自 由 变换 ， 将 选区 中 图 像 
的 高 度 进行 缩放 ， 如 图 2-51 所 示 。 


图 2-52 
使 用 “移动 工具 ”中 .， 将 打开 的 素材 文件 拖 电 
到 标志 文档 舞 全 中 ， 按 Ctrl+T 组 合 键 ， 调 整 其 
大 小 和 角度 ， 如 图 2-53 所 示 。 


| 
| 
| 
| 
| 
| 
| 
| 
| 
| 
| 
1 
| 
| 
| 
| 
| 
| 
| 
| 
| 
| 
| 
| 
图 2-48 | 调整 好 图 像 的 大 小 后 ， 按 Enter 键 ， 确 定 自 
| 
| 
] 
| 
| 
| 
| 
| 
| 
| 
| 
| 
| 
| 
| 
| 
| 
| 
| 
| 
| 
| 
| 
| 
| 
| 
| 
| 
| 
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图 2-53 
调整 合适 的 大 小 和 角度 后 ， 


在 菜单 栏 中 选择 


“图 像 > 调整 > 色相 /饱和 度 ” 命 令 ， 或 按 Ctrl+U 


组 合 键 ， 在 弹出 的 “色相 /饱和 度 ” 对 话 框 中 


勾 选 “着 色 ” 复 选 框 ， 设 置 
“明度 ”为 41， 单 击 “确定 ” 
所 示 。 


预 设 (E); | 自 定 


色相 (H): 
饱和 度 (A): 


明度 
4 
图 2-54 


园 色相 /饱和 度 的 使 用 提示 


“饱和 度 ” 为 81、 
按钮 ， 如 图 2-54 


2 预览 (P) 


“色相 /饱和 度 ” 命 令 主要 用 于 改变 图 像 像 素 的 
色相 、 人 饱和 度 和 亮度 ， 还 可 以 通过 定义 像素 的 色相 
及 饱和 度 ， 实 现 灰 度 图 像 上 色 的 功能 ， 或 创作 单 色 


调 效果 。 


其 中 ， 勾 选 【着 色 】 复 选 框 后 ， 彩 色 


为 单一 色调 。 


图 像 会 变 


人 调整 色相 /饱和 度 的 效果 ， 在 了 
边 形 套 索 工具 ”有 列 ,， 在 舞台 
示 的 区 域 ， 在 菜单 栏 中 选择 
形 ” 命 令 。 


1 2 中 的 图 像 效果 ， 如 图 


[ 具 箱 中 选择 “多 
选择 如 图 2-55 所 
“编辑 > 变换 > 变 


2-56 所 示 。 


人 @ 念 调 吾 图 


图 2-56 
像 后 按 Enter 键 ， 确 定 调整 图 像 的 形状 ， 
确定 选区 处 于 选择 状态 ， 在 工具 箱 中 选择 “ 渐 
变 工 具 ” 图 ,， 在 工具 属性 栏 中 单 击 渐变 色 块 ， 
在 弹出 的 “渐变 编辑 器 ”对 话 框 中 设置 绿色 
到 黑色 的 渐变 ， 绿 色 到 透明 的 渐变 ， 如 图 2-57 


所 示 。 


新 变 类 型 (D:， 实 底 ~ 


平 测度 (M): 100 ~ 


图 2-57 


EA 全 
[a 


在 舞 


中 确定 选 


区 处 于 选择 状态 ， 


下 到 上 填 


充 渐变 ， 如 图 2-58 所 示 。 
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图 2-58 
贺 渐变 编辑 器 的 使 用 技巧 


选择 “渐变 工具 ”图 .后 ， 在 工具 属性 栏 中 会 
出 现 渐变 色 块 国 因 因 - ， 单 击 这 个 渐变 色 块 可 以 打开 
“渐变 编辑 器 ”对 话 框 ， 在 该 对 话 框 中 可 以 看 到 预 
设 中 有 许多 系统 提供 的 渐变 类 型 ， 如 图 2-59 所 示 。 
在 预 设 中 可 以 更 改 渐变 类 型 ， 如 图 2-60 所 示 ， 只 需 
单 击 即 可 对 单 击 的 渐变 进行 编辑 ， 且 置 为 当前 使 用 
渐变 。 


名 称 (MW |[ 自 定 
新 衬 此 弄 实 让 ~ 
平 寺 度 W):| 100 ~ 中 


图 2-59 


名 称 [N)。 | 共生 色 玫 明 半 交 
省 妆 类 下 | 实 度 ~ 


平 骨 宝 W): 100 ~ % 
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在 渐变 色 条 上 方 的 色 标 为 透明 度 色 标 ， 选 中 
左 侧 上 方 的 色 标 可 以 看 到 对 应 色 标的 参数 ， 通 过 该 
参数 可 以 调整 色 标 的 位 置 和 不 透明 度 ， 如 图 2-61 


所 示 。 


IO atcr 9 交 


图 2-61 


在 渐变 色 条 下 方 的 色 标 为 颜色 色 标 ， 选 中 左 侧 
下 方 的 色 标 ， 可 以 看 到 色 标 激活 了 对 应 的 参数 ， 从 
中 可 以 调整 渐变 的 颜色 和 位 置 ， 如 图 2-62 所 示 。 
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图 2-62 


例外 蛙 填充 后 ， 按 Ctrl+D 组 合 键 ， 取 消 选 
使 用 “ 横 排 文 字 工 具 ” 了 .创建 “ 香 ” 字 ， 


择 ， 


如 图 


区 的 选 


2-63 所 示 ， 在 工具 属性 栏 中 设置 字体 二 为 


“华文 行 楷 "” 
字体 颜色 为 黑色 


， 设 置 字体 的 大 小 区 为 350 点 ， 


咱 香 


图 2-63 


Ot 


”面板 中 鼠标 右 寺 


出 的 快 


Delete 键 ) 。 


菜单 中 选择 “ 棚 格 化 文字 


图 2-64 


文字 后 ， 使 用 “多 边 形 套 索 了 


上 “ 香 ”图 层 ， 在 弹 | 


人 @ 册 格 化 
舞台 中 


图 


2-65 所 示 的 


图 2-65 


在 菜单 栏 中 选择 “ 
的 “打开 " 


所 示 。 


使 用 


“移动 了 
拖 息 到 标志 文档 舞台 中 ， 


图 2-66 
[ 具 ” 按 钮 中 .， 将 打开 的 素 


件 > 打开 " 
对 话 框 中 选择 随 书 配备 资源 中 
“ 圈 .png” 文 件 ， 单 击 “ 打 开 ” 按 钮 ， 如 


命 记 至 后 打开 “ 投 .png” 文 件 ， 将 其 拖 电 到 舞 


按 CtrlHT 组 合 键 , 调 ， 


整 其 大 小 和 角度 ， 并 使 用 “移动 工具 ”按钮 中 ， 
调整 素材 到 合适 的 位 置 ， 如 图 2-67 所 示 。 


图 2-67 


命 人 同样 的 方法 ， 将 “ 香 ” 字 上 的 撤 删 掉 ， 在 


“图 层 ” 面 板 中 选择 “ 川 ” 字 中 的 红色 撤 所 在 
的 图 层 ， 按 Ctrl+J 组 合 键 ， 复 制图 像 到 新 的 图 层 
中 ， 调 整 图 像 的 位 置 和 角度 ， 继 续 按 Ctrl+J 组 
合 键 复制 拨 ， 在 菜单 栏 中 选择 “编辑 > 变换 > 变 
乡 ” 命令， 调整 图 像 的 形状 ， 如 图 2-68 所 示 。 


图 2-68 
调整 变形 后 ， 按 Enter 键 ， 确 定 调整 ， 按 Ctrl+U 
组 合 键 ， 在 弹出 的 ， “色相 /饱和 度 ” 对 话 框 中 调 
整合 适 的 参数 ， 如 图 2-69 所 示 。 


预 设 (E): | 自 定 “| ©- 
全 图 ~ 复位 
色相 (HD); 
饱和 度 (A): 
明度 [D: 
着 色 (0) 
be 其 六 加 预览 中) 


图 2-69 


台中 ， 使 用 “自由 变换 ”命令 调整 其 位 置 、 角 
度 和 大 小 ， 如 图 2-70 所 示 。 


如 


027 


手 观 证 麻山 Z 吕 


TREEETEEUEOOTEERE 


@ 


@ 
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图 2- 


如 图 2-71 所 示 。 


香 


70 


“ 横 排 文字 工具 ”了 .在 舞台 中 创建 文字 ， 


chuaonxiang 
传 统 川 
图 2-71 


双击 “传统 川菜 馆 ” 图 层 前 的 缩 览 图 T 字 ， 选 


中 文字 后 在 “属性 ”面板 


间距 ， 如 图 2-72 所 示 。 


历史 记 属性 。 通天 。 咎 全 者 屋 


hi 设置 字体 的 大 小 和 


LL 


国 | eR 
13.37 厘米 “ee 1.07 厘米 
8.71 厘米 45.2 厘米 
ET -| 四 [ee 
垃 中 动 ~ 
天 择 王 冯 : 世 l 
高 有 
图 2-72 
在 工具 箱 中 用 鼠标 左 键 单 击 “ 和 矩形 工具 ” 


从 中 选择 隐藏 的 “椭圆 工 


具 ”.， 在 舞台 中 


绘制 椭圆 ， 并 将 其 所 的 图 层 放 置 到 文字 图 层 的 


下 方 。 


人 复制 椭 回 ， 复制 的 方法 可 以 使 用 Ctrl+J 组 合 键 进 
行 复制 ， 并 调整 到 合适 的 位 置 ， 完 成 本 案例 的 
制作 ， 如 图 2-73 所 示 。 


( 


图 2-73 
按 Ctrl+S 组 合 键 ， 在 弹出 的 “另存 为 ”对 话 杠 
中 选择 一 个 存储 路 径 ， 为 制作 的 标志 命名 ， 将 
完成 的 效果 存储 即 可 。 


克基 全 | 
商标 设计 


ED 
pe 


人 让 


|2.4:1 设计 思路 


De 
常 久 


QINXUAN 
tea-house 


Br 
视频 


国 ”案例 类 型 画 

本 案例 是 设计 一 款 古 香 古 韵 的 茶 扫 码 看 
馆 标 志 设 计 。 
国 ”设计 背景 
昌 是 茶 的 故乡 ， 中 国人 饮 茶 可 以 追溯 到 神农 
至 今 已 有 4700 多 年 了 。 中 国 是 茶 文化 的 发 源 
， 茶 文化 包括 茶 德 、 茶 具 、 茶 故事 、 茶 艺 、 茶 道 
， 如 图 2-74 所 示 。 


1 2.4.2 配色 方案 


根据 客户 需要 ， 我 们 将 设计 标志 的 文字 取 绿 
色 ， 绿 色 是 茶 的 原始 色 ， 是 大 自然 的 颜色 ， 表 现 为 
清新 的 感觉 ， 绿 色 也 代表 轻松 、 和 舒适 、 平 静 、 安 


| 2.4.3 “标志 的 表现 形式 

在 本 案例 中 我 们 将 使 用 均衡 的 表现 形式 来 制 
作 标 志 ， 在 该 标志 中 分 为 上 下 两 部 分 ， 上 部 分 为 图 
像 ， 下 部 分 为 文字 ， 整 体 给 人 一 种 稳定 的 视觉 感 
受 ， 如 图 2-76 所 示 。 


3 
Lo 


| 
| 
| 
| 
| 
| 
| 
| 
= | ( QINXUAN 
图 2-74 | tea-house 
国 。 项目 诉 求 | 
| 
| 
| 
| 
| 
| 
| 
| 


季 沙 针 妾 ” 需 Z 溃 


根据 古老 的 茶 文化 ， 客 户 需要 制作 一 个 绿色 的 
标志 ， 可 以 穿插 一 些 古 老 元 素 。 
图 ”设计 定位 
根据 客户 的 需求 ， 可 以 制作 一 个 具象 的 茶壶 下 
茶叶 图 像 来 代表 茶 文 化 的 形象 ， 再 使 用 一 些 古老 的 
图 腾 或 图 案 来 作为 装饰 ， 如 图 2-75 所 示 


| 2.4.4 “同类 作品 欣赏 


© 和 


七 砚 茶 膏 有 忆 攻 叶 


DIWAN CHA ZHAI 


YOU JI TEA 一 一 


五 1 湖 1 名 1 党 


FIVE LAKES TEA TONG 


029 


| 2.4.5 “项目 实 战 


加 ”制作 流程 
本 案例 首先 名 


会 制 水 墨 笔画 ， 并 擦 除 一 


部 分 水 墨 


笔画 的 区 域 ， 作 为 水 墨 的 浅 表 墨 水 效果 ， 再 制作 出 
水 墨 笔画 的 湿 边 效果 ， 然后 制作 扭曲 的 笔画 效果 ， 
调整 图 像 的 明暗 对 比 ， 创 建 笔画 部 分 选 
笔画 的 变形 制作 茶壶 的 水 墨 效 果 ， 最 后 创建 文字 注 


释 ， 如 图 2-77 所 示 。 


加 ”技术 要 点 


2 


加 末 和 QINXUAN 
tea-house 


图 2-77 


使 用 “画笔 工具 ”绘制 水 墨 笔画 ， 
使 用 “ 喷 溅 ”和 “扩散 ” 滤 镜 制作 出 水 墨 笔画 


的 湿 边 效果 ; 


使 用 “ 色 阶 ”命令 调整 图 像 的 明暗 对 


使 用 “色彩 范 


围 ” 命 令 选择 黑色 笔画 


区 ， 调 整 


比 ; 


区 域 ; 


使 用 “变形 ”命令 调整 图 像 的 笔画 的 变形 制作 
出 茶壶 的 水 墨 效果 ， 
使 用 “ 横 排 文字 工具 ”创建 文字 注释 。 


加 ”操作 步骤 


运行 Photoshop 软 件 ， 在 “欢迎 ”界面 中 单 击 
“新 建 ” 按 钮 ， 在 弹出 的 “新 建文 档 ” 对 话 框 


030 


中 设置 “宽度 " 


为 2000 像 素 、“ 高 度 ” 为 1500 
像素 ， 设置 “分 辨 率 ”为 300 像 素 /英寸 ， 单 击 


“创建 ”按钮 ， 如 图 2-78 所 示 。 


Bi Nm me wb 


a 有 片 和 机 洒 


图 2-78 


在 工具 箱 中 选择 “画笔 工具 ””.， 在 工具 属性 


栏 中 单 击 画笔 图 标 下 的 六 按钮 ， 
菜单 中 选择 画笔 类 型 ， 并 设置 
素 ， 如 图 2-79 所 示 。 

av $ 加 加 模式 : | 正 党 
\: 有 9 B06 信 素 


= 三 = > 
KYLE 终极 炭 笔 5 px 中 等 2 


醒 
KYLE 额外 阳 实 炭 笔 


Kyle 的 终 根 粉 彩 派对 ~ 


图 2-79 
(设置 前 景色 为 黑色 ， 绘 制 效果 如 


在 弹出 的 下 拉 


“大 小 ”为 306 像 


图 2-80 所 示 。 


在 工具 箱 中 选择 “橡皮 擦 工具 ” 作 .， 使 用 图 2-79 


所 示 的 画笔 设置 “不 透明 度 ” 


为 55%， 擦 除 


一 部 分 的 画笔 区 域 ， 如 图 2-81 所 示 。 


图 2-80 


在 菜单 栏 中 选择 “ 滤 镜 > 滤 镜 库 ” 
的 滤 镜 库 中 选择 “画笔 描 边 ” 卷 展 栏 中 的 “ 喷 


和 


图 2-81 
命令 ， 在 弹出 


溅 ”效果 ， 在 右 侧 的 参数 面板 中 
数 ， 如 图 2-82 所 示 。 


h 设 置 合适 的 参 


(设置 党 镜 参数 后 单 击 “ 确 定 ”按钮 ， 在 菜单 栏 
中 选择 “ 滤 镜 > 风格 化 > 扩散 ”命令 ， 在 弹出 的 | 
“扩散 ”对 话 框 中 使 用 默认 的 参数 ， 单 击 “ 确 | 


定 ”按钮 ， 如 图 2-83 所 示 。 


图 2-83 


在 菜单 栏 中 选择 “ 滤 镜 > 扭曲 > 旋转 扭曲 ” 命 | 
令 ， 在 弹出 的 “旋转 扭曲 ”对 话 框 中 设置 合适 | 


的 参数 ， 单 击 “ 确 定 ” 按 钮 ， 如 图 2-84 所 示 。 


图 2-84 


《@@ 设置 深 镜 效果 后 ， 在 菜单 栏 中 选择 “图 像 "调整 > 
色 阶 ”命令 ， 在 弹出 的 “ 色 阶 ”对 话 框 中 调整 


合适 的 参数 ， 如 图 2-85 所 示 。 


| @i 


出 的 


在 菜单 栏 中 选择 “选择 > 色彩 范围 ”命令 ， 


在 弹 
“色彩 范围 ”对 话 框 中 选择 黑色 的 区 域 ， 


如 图 2-86 所 示 。 


地 区 避 药 (D: | 元 


了 到 伴 疡 色 ~ 
人 器 到 地 化 关 双 世人) ee 
而 名 写 关 1 和 ) 
ec WALD. | 

.| 

国 X 2“ 


( D&D 


9 渤 反 大 且 (E) “) 避 像 0) 


图 2-86 


会 在 处 于 黑色 的 区 域 创建 选区 ， 按 Ctrl+J 组 


合 键 ， 将 选区 中 的 图 像 复 制 到 新 的 图 层 中 ， 如 


图 2- 
选择 
话 框 


87 所 示 。 选 择 “ 背 景 ”图 层 ， 在 菜单 栏 中 


“编辑 > 填充 ”命令 ， 在 弹出 的 “填充 ”对 
中 设置 填充 为 白色 ， 单 击 “ 确 定 ” 即 可 。 
ee | 

Pa vB@TOA® 

正常 ~ | 不 透明 度 : 100% “ 

锁定 : 图 w 中 村 自 填充 : l00% ~ 


-区 
[| |] 误 加 


加 所 DO9 口 蝇 从 
图 2-87 


人 @ 人 过 择 “图 层 1”， 在 菜单 栏 中 选择 “编辑 > 变换 > 
变形 ”命令 ， 可 以 看 到 在 舞台 中 出 现 网 格 ， 可 
以 对 控制 点 和 方块 区 域 进 行 拖 动 调整 ， 还 可 以 
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季 沙 记 妾 ” 需 Z 溃 


通过 控制 手柄 调整 图 像 的 形状 ， 直 至 调整 到 合 


适 的 效果 ， 如 图 2-88 所 示 。 


图 2-88 


使 用 “矩形 选 框 工 具 ” 于 .在 舞台 中 左 侧 的 末梢 
部 位 创建 选取 ， 通 过 使 用 “变形 工具 ”， 调 整 
其 形状 和 效果 ， 如 图 2-89 所 示 。 调 整 好 之 后 按 


Enter 键 ， 确 定 调整 ， 按 Ctrl+D 组 合 键 取消 选区 


的 选择 。 


风 


区 域 


图 2-89 
人 @ 人 全 昌 “ 矩 形 选 框 工具 ”3, 选 择 右 侧 图 像 回 旋 的 


按 两 次 Ctrl+J 组 合 键 ， 复 制 选择 ， 调 整 复 


制 的 图 像 至 如 图 2-90 所 示 的 效果 ， 并 调整 其 位 


置 和 大 小 。 


图 2-90 


选择 “图 


层 1”， 使 


择 左 侧 末 梢 处 的 图 像 
制 选区 中 的 图 像 ， 调 整 图 像 的 变形 和 大 小 及 位 
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" 珑 形 选 框 工 具 ” 纪 . 选 


区 域 ， 按 Ctrl+J 组 合 键 复 


置 ， 如 图 2-91 所 示 。 


图 2-91 


使 用 “ 横 排 文 字 了 
选择 一 种 古文 字体 ， 调 整 字体 的 颜色 为 深 绿 
色 ， 调 整 文字 的 大 小 ， 如 图 2-92 所 示 。 


[ 具 ” 了 .在 舞台 中 创建 文本 ， 


图 2-92 


侈 名 X 了 后 ， 在 “图 层 ” 面 板 中 鼠标 右 击 文字 
图 层 ， 在 弹出 的 快捷 菜单 中 选择 “ 栅 格 化 文 
字 ” 命 令 ， 如 图 2-93 所 示 。 


使 用 “ 横 


上 文字 了 


[ 具 ” 了 .继续 创 到 


文字 ， 设 置 


适 的 字体 和 大 小 ， 调 整 文字 的 位 置 ， 如 
图 2-94 所 示 。 


C3 


一 
常 角 
愉 首 te, | ”MobingiBiL 


图 2-94 
人 在 菜单 栏 中 选择 “文件 > 打开 ”命令 ， 在 弹出 的 | 

打开 ”对 话 框 中 选择 随 书 配备 资源 中 的 “ 祥 ， 
云 .psd” 文 件 ， 单 击 “ 打 开 ” 按 钮 ， 如 图 2-95 
所 示 。 | 


手 现 证 麻山 Z 站 


or PUSH 


w= THE BOTTLE 


AMTA TIOAAPKOB 


人 @ 合 月 “移动 工具 ”按钮 中 ,将 祥云 图 像 拖 虹 到 标 
志和 舞台 中 ， 如 图 2-96 所 示 ， 在 舞台 中 调整 合适 
的 位 置 和 大 小 。 | 
ES | 
> ECOGIVE 


| 

| 

| 

和 1 0 | 
tea-house | 


图 2-96 | 
命 E， 本 案例 制作 完成 。 
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名 片 是 承载 人 或 公司 信息 的 一 种 卡片 ， 用 来 与 人 们 进行 信息 交流 ， 是 
展现 自我 或 公司 的 常用 途径 。 如 何 更 好 地 呈现 人 或 公司 的 信息 ， 以 将 信息 传 
达 给 需要 传达 的 人 ， 是 名 片 设 计 中 的 重点 。 

本 章 主要 从 名 片 的 常用 类 型 、 基 本 组 成 、 常 用 尺寸 、 构 图 方式 制作 工 
艺 上 来 学 习 名 片 的 设计 。 


pn 
”Ad 


ed 


名 片 设计 概述 


着 后 融 doUSo}oUd 雪 准 刁 


项 名 片 又 称 卡片 ， 在 卡片 中 显示 持 有 者 的 姓名 、 

4 职业、 工作 单位 、 联 系 方式 等 ， 是 介绍 自己 、 公 

罗 。 司 、 认 识 朋友 最 有 效 、 最 快速 的 方法 ， 是 一 种 向 外 

全 传播 的 媒体 。 

Ww 名 片 是 每 个 人 生活 和 工作 以 及 学 习 中 不 可 分 离 
的 一 种 信息 方式 ， 名 片 以 其 持 有 者 的 形式 传递 企业 、 
个 人 业务 等 信息 ， 很 大 程度 上 方便 了 我 们 的 生活 。 


3.1.1 常用 的 名 片 类 型 


名 片 根据 其 应 用 的 类 型 不 同 可 以 分 为 商业 名 
片 、 个 人 名 片 以 及 公用 名 片 三 大 类 型 。 (2) 个 人 名 片 : 个 人 名 片 主 要 用 于 朋友 间 交 
(1) 商业 名 片 ， 商业 名 片 是 指 用 于 企业 形象 流感 情 ， 结 识 新 朋友 。 在 该 类 名 片 中 主要 标识 了 持 
宣传 的 媒介 之 一 ， 公 司 或 企业 进行 业务 活动 使 用 的 | 有 者 的 姓名 、 职 位 、 单 位 名 称 、 联 系 方式 等 信息 
名 片 大 多 以 副 利 为 目的 。 商 业 名 片 的 主要 特点 为 常 | 是 传递 个 人 信息 为 主要 目的 的 名 片 ， 如 图 3-2 所 示 。 
使 用 标注 、 商 标 、 公 司 的 业务 范围 等 。 在 设计 商业 
名 片 时 ， 最 重要 的 是 突出 公司 的 品牌 ， 使 其 在 洪 
移 默 化 中 影响 受众 对 品牌 的 认 知 和 印象 ， 如 图 3-1 
所 示 。 


(3) 公用 名 片 : 公用 名 片 主要 用 于 团体 或 机 
构 等 ， 其 主要 内 容 有 标志 、 个 人 名 称 、 职 务 、 头 
衔 。 公 用 名 片 的 设计 风格 较为 简单 ， 强 调 实用 性 ， 


主要 是 以 对 外 交往 和 服务 为 目的 ， 如 图 3-3 所 示 。 


3.1.2” 名片 的 构成 元 素 


所 谓 构 成 元 素 ， 也 就 是 名 片 中 显示 的 内 容 ， 名 


片 的 主体 是 名 片上 所 提供 的 信息 ， 名 片 信息 


i- 王 


文字 、 图 片 (图 案 ) 、 标 志 所 构成 ， 数 码 信息 也 是 


其 中 的 一 种 ， 


如 图 3-4 所 示 。 


文字 : 文字 信息 包含 单位 名 称 、 名 片 持 有 人 名 
称 、 头 衔 和 联系 方法 。 


标志 : 
名 片上 。 


如 果 您 所 在 的 公司 有 标志 ， 


大 多 会 印 到 


图 片 : 可 选择 名 片 中 印 上 个 人 照片 、 图 片 、 底 


纹 、 书 法 作品 和 简单 地 图 ， 使 名 片 更 具 个 人 风格 。 


3.1.3 名 片 的 常用 尺寸 


名 片 标准 尺寸 : 90mmX 54mm、90mmX 50mm.、 
90mm X 4Smm 。 

但 是 加 上 出 血 上 下 左右 各 2mm， 所 以 制作 尺 
寸 必 须 设 定 为 : 94mm X58mm、94mmX 54mm、 
94mm xX 49mm 。 

模版 :90mmX55mm< 方 角 > 85mm X54mm< 


圆 角 >， 如 


尺寸 类 型。 


图 


3-5 所 示 ， 横 版 也 


是 最 常 
下 也 币 


见 的 一 种 名 片 


方 版 : 90mm X90mm、95mm X95mm 
折 卡 式 : 该 名 片 是 一 种 较为 特殊 的 名 片 形式 ， 
国内 常见 折 卡 名 片 尺寸 为 900mm X 108mm， 欧 美 常 
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见 折 卡 名 片 尺寸 为 900mm X 100mm， 如 图 3-7 所 示 。 


坚 版 ，50mmX90mm< 方 角 >、54mmX 85mm< 
圆 角 >， 竖 版 是 最 近 几 年 比较 流行 的 一 种 名 片 尺 
寸 ， 如 图 3-6 所 示 。 


3.1.4” 名片 的 构图 方式 


名 片 的 版 面 空间 较 小 ， 需 要 排 布 的 内 容 相 对 来 说 比 
较 格式 化 ， 所 以 在 版 面 的 构图 上 需要 花 些 心思 ， 使 名 
片 更 加 与 众 不 同 。 下 面 就 来 了 解 常见 的 构图 方式 。 

(1) 左右 构图 : 标志 、 文 案 左 右 分 开明 确 ， 
但 不 一 定 是 完全 对 称 ， 如 图 3-8 所 示 。 

(2) 椭圆 形 构图 : 椭圆 形 构图 是 指 信 息 方式 
和 背景 图 像 是 以 椭圆 形 的 方式 进行 布置 的 ， 如 图 3-9 
所 示 。 


(3) 半圆 形 构图 : 如 图 3-10 所 示 标 志 、 主 题 、 
辅助 说 明文 案 构 成 于 一 个 圆 形 范围 内 。 


(4) 对 称 构图 : 
下 对 称 ， 如 


(5) 不 对 称 轴线 天 
灵活 的 一 种 方式 ， 可 


容 ， 如 


色 3-12 所 示 。 


所 示 。 


图 3-9 


图 3-13 


齐 的 构图 ， 如 图 3-14 所 示 。 


图 3-10 
对 称 构图 包括 左右 对 称 和 上 
图 3-11 所 示 。 


Jenna Lee Chung 


图 3-11 
图 3-14 


(8) 稳定 形 构图 : 画面 的 中 上 部 分 为 主题 和 


构图 : 该 构图 方式 是 最 为 
以 任意 放置 信息 和 标题 等 内 


KR 


标志 ， 下 面 为 辅助 说 明 ， 这 种 构 
如 图 3-15 所 示 。 


(6) 斜 角 构 图 : 这 是 一 种 强力 的 动感 构图 ， 
主题 、 标 志 、 辅 助 说 明文 案 按 区 域 斜 置 ， 如 图 3-13 


(7) 三 角形 构图 : 三 角形 构图 是 指 主题 、 标 
志 、 辅 助 说 明文 案 构成 相对 完整 的 三 角形 的 外 向 对 


图 


手 霹 十 疏 ” 山 8 六 


方式 比较 稳定 ， 
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打 孔 : 一 般 为 圆 孔 和 多 孔 ， 多 用 于 较为 个 性 
化 的 名 片 设计 制作 。 打 和 孔 的 名 片 充分 满足 了 视 
觉 需要 ， 具 有 一 定 的 层次 感 和 独特 感 ， 如 图 3-18 
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(9) 中 心 形 构 图 : 标志 、 主 题 、 辅 助 文案 以 
画面 中 心 点 为 准 ， 聚 集 在 一 个 区 域 范 围 内 居中 排 


列 ， 如 图 3-16 所 示 。 


UV 工艺 : 利用 专用 UV 油墨 在 UV 印刷 机 上 实 
现 UV 印 刷 效果 ， 使 得 局 部 或 整个 表面 光亮 凸 起 。 
UV 工艺 名 片 突 出 了 名 片 中 的 某 些 重点 信息 并 使 得 
整个 画面 呈现 一 种 高 雅 形象 ， 如 图 3-19 所 示 。 
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3.1.5 名片 的 制作 工艺 
四 凸 工艺 : 名 片 图 形 目 凸 能 够 达到 视觉 精致 
的 效果 ， 尤 其 针对 简单 的 图 形 和 文字 轮廓 ， 能 增 
加 印刷 图 案 的 层次 感 ， 使 之 更 生动 美观 ， 如 图 3-20 
所 示 。 


为 了 使 名 片 更 吸引 人 眼球 ， 在 印刷 名 片 时 往往 
会 使 用 一 些 特殊 的 工艺 ， 例 如 模 切 、 打 孔 、UV、 
四 号 、 溪 金 等 ， 以 制作 出 更 加 丰富 的 效果 。 

模 切 工艺 : 品牌 个 性 的 表达 来 自 时 尚 ， 塑 造 独 
特 主张 的 名 片 印刷 就 是 多 边 裁剪 ， 创 意 设 计 可 以 别 
出 心 裁 ， 完 全 让 你 尽情 发 挥 想 象 ， 夸 张 的 表现 会 让 
客户 立刻 记忆 。 不 过 此 工艺 往往 会 使 名 片 很 新 颖 
是 一 些 追 求 新 颖 、 创 意 人 士 的 理想 选择 ， 如 图 3-17 
所 示 。 
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资金 工艺: 局 部 泛 金 或 溪 银 在 名 片 中 应 用 恰当 
起 到 画龙点睛 的 效果 ， 其 中 有 金色、 银色 、 镭 射 金 、 
镭射 银 、 黑 色 、 红 色 、 绿 色 等 多 种 样式 ， 如 图 3-21 
所 示 。 


商业 案例 一 简约 清新 的 名 片 
设计 


3.2.1 ”设计 思路 


本 案例 是 设计 一 款 简约 清新 的 
名 片 。 


本 案例 设计 一 款 带 有 科技 清新 背景 的 名 片 模 
板 。 设 计 好 名 片 模板 后 ， 可 以 先 让 客户 看 模板 ， 确 
定 模板 后 可 以 在 模板 中 更 改 信 息 ， 这 样 既 方 便 了 用 
户 ， 也 节省 了 制作 时 间 。 


本 案例 将 使 用 一 款 色彩 比较 丰富 的 科技 几何 体 
背景 ， 制 作 的 方案 体系 也 是 一 个 比较 积极 清新 的 效 


果 ， 适 用 于 新 兴 的 比较 前 沿 和 超前 的 年 轻 行业 中 。 


3.2.2 配色 方案 


因为 针对 新 兴 和 比较 超前 的 年 轻 行业 和 年 轻 
人 ， 所 以 用 色 上 我 们 将 采用 较为 丰富 的 色彩 ， 以 红 
色 、 蓝 色 和 紫色 搭配 作为 梦幻 科技 的 色彩 背景 ， 可 
以 使 用 到 科技 和 广告 多 媒体 的 行业 中 。 


3.2.3 名片 的 构图 方式 


本 案例 的 构图 方式 将 采用 中 心 形 构图 ， 将 标 
志 、 主 题 、 辅 助 文案 以 画面 中 心 点 为 准 ， 聚 集 在 一 
个 区 域 范围 内 居中 排列 ， 并 使 用 新 兴 的 竖 版 名 片 尺 
寸 和 类 型 。 


3.2.4 ”同类 作品 欣赏 


训 兰 狼 避 dousolouUd 荣 将 丑 


时 


荨 须 忆 淖 用 现 四 


| 3.2.5 “项目 实战 


回 ”制作 流程 | 
本 案例 首先 设置 填充 颜色 :然后 设置 文本 下 的 


; 最 后 创 妇 


使 


使 用 
使 用 
图。 操作 步骤 


图。 技术 要 点 
“ 拾 色 器 ”设置 颜色 ， 


图 3-22 


文字 注释 ， 如 图 3-22 所 示 。 


并 填充 颜色 ; 


“ 掉 形 


“ 横 排 文字 了 


工具 ”绘制 矩形 ; 
[ 具 ” 添 加 注释 。 


(命运 行 Photoshop 软 件 ， 在 “欢迎 ” 
“新 建 ” 按 钮 ， 在 弹出 的 “新 建文 档 ” 对 话 框 


中 设置 “宽度 ”为 1200 像 素 、 
像素 ， 设 置 “ 分 辩 率 ”为 300 像 素 /英寸 ， 单 击 


“创建 ”按钮 ， 如 图 3-23 所 示 。 


”界面 中 单 击 


“高度 ” 为 1200 
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口 只 有 Web 闫 色 


图 3-24 


图 3-25 


在 菜单 栏 中 选择 “文件 > 打开 ”命令 


及 伪 ， 


创建 的 


1 在 舞台 中 如 图 3-28 所 示 的 
色 、 轮 廓 


攻 习 
攻 me es es pom 出 的 “打开 ”对 话 框 中 选择 随 书 配备 资源 上 
的 “ 炫 彩 背景 .png” 文 件 ， 单 击 “ 打 开 ” 按 
四 四 钮 ， 如 图 3-26 所 示 。 
a 一 一 |' ES ec | 
图 3-23 | 
在 工具 箱 中 单 击 前 景色 色 块 ， 在 弹出 的 “ 拾 色 
器 ( 前 景色 ) ”对 话 框 中 设置 前 景色 的 RGB 为 
237、237、237， 单 击 “ 确 定 ”按钮 ， 如 图 3-24 “| 
所 示 。 | 图 3-26 
ee pe 填充 文件 为 前 景 | 将 其 拖 蝶 到 舞台 中 ， 调 整 大 小 与 刚 
“矩形 工具 ”器 , 在 舞台 中 创建 矩形 ， | 大 小 相同 即 可 ， 如 图 3-27 所 示 。 
i 生 2 具 ” 
性 栏 中 设置 填充 为 白色 ， 轮 廓 为 无 。 位 置 创建 矩 形 ， 设 置 矩 形 的 填充 为 
为 无 ， 设 置 图 层 的 “不 透明 度 ” 为 30%。 


使 


在 工具 属性 栏 中 设置 文字 的 大 小 和 颜色 , 如 | 


图 3-27 


“9 


图 3-28 
“ 横 排 文字 工具 ”了 .在 舞台 中 创建 文字 ， 


图 3-29 所 示 。 
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图 3-29 


板 中 选择 “ 逢 形 1” 和 “图 
并 按 住 Alt 键 向 右 移动 复制 


层 后 ， 选 择 复制 出 的 图 像 所 在 图 
层 ， 在 菜单 栏 中 选择 “选择 > 色彩 范围 ”命令 ， 
在 弹出 的 “色彩 范围 ”对 话 框 中 选取 橘 色 ， 设 


置 “ 颜 色 容 差 ” 为 200， 单 击 “ 确 定 ” 按 钮 ， 如 


载 和 人 D- ) 
存 全 (5).，) 
国 X 2 
口 反 相 (1) 


化 半径 ”为 20 像 素 ， 生 


区 后 ， 在 菜单 栏 中 选择 “选择 > 修改 > 
8 的 “羽化 ”对 话 框 
“确定 ”按钮 ， 


Ctrl+Shift+I 组 合 键 ， 反 选 
区 域 ， 使 用 “ 横 提 
[ 具 箱 中 选择 “直线 J 了 
如 图 3-33 所 示 位 置 创 寻 


上 文字 了 


于 选择 状态 ， 按 
区 域 ， 按 Delete 键 ， 删 
[ 具 ” 了 .创建 
[ 具 ” 现 ,在 
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| 图 3-33 

| 在 工具 属性 栏 中 设置 填充 为 无 ， 设 置 描 边 颜色 、 
”宽度 和 高 度 ， 如 图 3-34 所 示 。 

~ | 天 “| 上 :A | 项 :器 jo 负 | ~ WwW: 410 像 2 co H: 4 像素 | 日 ， 已, 意 。 亲 ， 相 细 : 1 像素 回 if 边 加 
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图 3-34 
在 舞台 中 复制 线 ， 作 为 文字 注释 的 分 割 线 ， 如 ， OE “图 层 ” 面 板 中 选择 正面 的 图 像 所 在 图 层 ， 


图 3-35 所 示 。 可 以 按 住 ctrl 键 选择 多 个 图 层 。 选 择 正面 的 图 
层 后 ， 在 “图 层 ” 面板 的 底部 单 击 “ 创 建新 
组 ”按钮 外， 将 选择 的 图 层 放置 到 一 个 组 
中 ; 使 用 同样 的 方法 ， 选 择 另 一 面 名 片 的 所 
有 图 层 ， 单 击 “ 创 建新 组 ”按钮 百 ， 将 两 面 
y 的 名 片 分 别 放置 到 不 同 的 图 层 组 中 ， 如 图 3-37 
ee 所 示 。 


Corporate name | 


当 孜 悄 亲 手 沿 四 号 


NAMET 二 
POSITION: 异 层 。 历史 记录 。 属性 。 禾 怪 至 
A Pa vB@TOAM® 
Ei v| 不 通明 度 : 100% ~ 


铁定 :田中 村 填 冶 :100% ~ 


| 
| 
图 3-35 i 
人 人 @ 你 续 创 建文 字 ， 完 成 另 一 面 名 片 的 制作 ， 如 :es 
| 
| 
| 
1 


图 3-36 所 示 。 


| 


图 3-37 

your your H 

LOGO LOGO 加 图 层 组 的 使 用 技巧 和 提示 | 

Broan me me | 
wom ”创建 图 层 组 是 管理 和 归 类 图 层 的 有 效 方法 。 
a ”如 何 创建 图 层 组 ? 创建 图 层 组 的 方法 有 下 面 
2 一 一 常用 的 两 种 ， 一 种 是 按 住 Ctrl 键 选 择 需要 放置 到 同 
Telephone: | 一 图 层 组 中 的 图 层 ， 如 图 3-38 所 示 ， 按 CtrlHG 组 合 
36 ， 键 创建 图 层 组 ， 如 图 3-39 所 示 。 
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名 写 : 图 wy 中 村 自 填充 : 100% ~ 
eHR 
| 
。 一 稻 a 


oo AD 口 9 和 白 会 
图 3-38 
| 和 到 
属性 。 图 层 二 
pay -四 OoOTHBD 
E23 ~ 不通 明度 : 100% ~ 
铁 : 田 /由 村 人 十 X: 100% ~ 


© “一 一 冰 景 [5 


中 所 DO 9. 吕 日 入 
图 3-39 

另 一 种 方法 是 在 “图 层 ”面板 底部 单 击 “创建 
新 组 ”按钮 白 。 

创建 组 之 后 ， 单 击 组 前 的 》 按 钮 ， 可 以 展开 图 
层 组 中 的 内 容 ， 如 图 3-40 所 示 ， 选 中 图 层 组 中 的 内 
容 ， 单 独 对 对 象 进行 编辑 ， 编 辑 对 象 的 前 提 就 是 选 
中 对 应 的 图 层 。 


CE 
恢 竹 。 轿 导 = 
pp 地 -| 四 OoTDB。 
Ei ~ 不 证 明度: 100% ~ 
名 守 : 图 A 中 村 个 填充 :| 100% ~ 
oa 二 | 
@ ”一 图 层 1 持 由 

全 | 本 用: 

全 | 将 昭 Sl 


吕 所 口 G. 蝇 日 和 全 
图 3-40 
除了 管理 方便 外 ， 还 可 以 对 图 层 组 整 组 的 图 层 
进行 移动 、 图 层 样式 等 操作 ， 这 样 可 以 避免 一 个 一 
个 图 层 地 进行 调整 的 烦琐 步骤 。 


他 确定 “组 1” 为 标志 面 ，“ 组 2” 为 信息 面 ， 
选中 “组 1” 图 层 组 ， 在 舞台 中 使 用 “移动 工 
具 ” 中 .， 按 住 Alt 键 移动 复制 组 内 容 ， 使 用 
“自由 变换 ”命令 ， 调 整 图 像 的 透视 效果 ， 如 
图 3-41 所 示 。 


图 3-41 
在 “图 层 ” 面 板 中 单 击 “ 创 建新 图 层 ” 按 钮 加 ， 
创建 一 个 新 的 图 层 ， 使 用 “和 矩形 选 框 工 具 ”53.， 
在 舞台 中 创建 和 矩 形 选区 ， 设 置 前 景色 为 白色 ， 
按 Alt+Delete 组 合 键 ， 填 充 前 景色 ， 如 图 3-42 
所 示 。 


人 


图 3-42 
在 菜单 栏 中 选择 “ 滤 镜 > 杂 色 > 添加 杂 色 ” 命 
令 ， 在 弹出 的 “添加 杂 色 ”对 话 框 中 设置 合适 
的 参数 ， 单 击 “确定 ”按钮 ， 如 图 3-43 所 示 。 
在 菜单 栏 中 选择 “ 滤 镜 > 模糊 > 动感 模糊 ” 命 
令 ， 在 弹出 的 “动感 模糊 ”对 话 框 中 设置 合适 
的 角度 和 距离 ， 如 图 3-44 所 示 。 


图 3-43 图 3-44 
调整 图 像 的 效果 ， 按 Ctrl+J 组 合 键 复制 一 个 图 
像 ， 如 图 3-45 所 示 。 


043 


玫 总 于 由 ”出 8 兰 


蒜 放 到 dodsolouUd 荣 半 壬 


涩 项 悄 亲手 沿 四 虽 


图 3-45 
按 Ctrl+T 组 合 键 ， 使 用 “自由 变换 ”命令 并 按 
Ctrl 键 ， 调 整 图 像 的 变形 ， 如 图 3-46 所 示 。 


图 3-46 
人 调整 好 图 像 的 变形 后 按 Enter 键 ， 确定 操作 。 
选择 复制 出 的 另外 一 个 没有 变形 的 图 像 所 在 图 
层 ， 并 对 其 进行 调整 ， 如 图 3-47 所 示 。 


各 时。 万 Rb 好 属性 。 号 可 


pay ~@mornae® 
EE | ;Dos 
WE: /$A ow ~ 
四 ) 回 组 z 

四 ) 回 组 ! 扫 内 

四 ) 回 组 L 

-图 m=， | 

eo | | 起 a > 


图 3-47 

人 选择 另 一 面 名 片 的 图 层 组 ， 使 用 “移动 工 

具 ” 中 .,， 按 住 Alt 键 ， 移 动 复制 图 像 ， 使 用 “ 自 
变换 ”命令 ， 调 整 图 像 的 变形 效果 ， 如 图 3-48 
所 示 。 创 建 一 个 新 图 层 ， 使 用 “多 边 形 套 索 工 
具 ” 列 ， 创 建 多 边 形 选区 ， 设 置 前 景色 为 黑 
色 ， 按 Alt+Delete 组 合 键 ， 填 充 选 区 为 黑色 ， 将 
填充 后 的 图 层 放置 到 该 名 片 图 层 组 。 


图 3-48 
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国 调整 图 层 的 位 置 、 顺 序 的 提示 和 技巧 | 


在 创作 过 程 中 难免 会 遇 到 图 层 、 图 层 组 太 多 
的 问题 。 例 如 ， 我 们 需要 将 一 个 图 层 放 置 到 图 层 组 
中 ， 只 需 选 择 相应 的 图 层 并 按 住 图 层 拖 揽 到 对 应 的 图 
层 组 ， 这 时 可 以 看 到 图 层 组 出 现 一 个 虚 框 ， 如 图 3-49 所 
示 ， 释 放 鼠 标 即 可 将 图 层 放 置 到 图 层 组 中 。 展 开 图 
层 组 可 以 看 到 拖 复 到 图 层 组 中 的 图 层 位 于 该 图 层 组 
的 最 上 方 ， 如 图 3-50 所 示 。 
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图 3-50 
如 果 要 将 图 层 放 置 到 图 层 组 下 方 ， 可 以 拖 描 对 


应 的 图 层 ， 当 图 层 组 下 方 出 现 一 条 黑 线 时 ， 炙 放 鼠 
标 ， 即 可 拖 复 到 图 层 组 的 下 方 ， 如 图 3-51 所 示 。 
围 = 6 图 
pun ~meornasPpw -moTrgae 
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@ 定 填充 黑色 的 图 像 所 在 的 图 层 处 于 选中 状 

在 菜单 栏 中 选择 “ 滤 镜 > 模糊 > 高 斯 模糊 ” 

， 年 洁 出 由 “高 斯 模糊 ”对 话 框 中 设置 

“半径 " ”为 5 像素 ， 单 击 “ 确 定 ” 按 钮 ， 如 
-52 


Q 1l0o% QQ 
加 
图 3-52 


图 3-53 所 示 。 


图 层 。 历 实 记录 。 属性 路径 至 
Pai -meoTrDBa 

要 加 ~ 不 透明度 : 100% ~ 

锦 证 :图 Af 中 村 自 摘 8:100% ~ 

人 ) 国 组 2 拷贝 


图 3-53 
按 Ctrl+J 组 合 键 ， 复 制 阴影 图 像 ， 可 以 使 阴影 效 


果 更 加 明显 ， 如 图 3-54 所 示 。 


ey 


| 3.3.1 设计 思路 


人 至 此 本 案例 制作 完成 ， 最 终 效 果 如 图 3-55 
所 示 。 


图 3-55 


EE 
.3 二 业 守 网 一 VIP 归 色 质 感 
名 片 设 ) 


设置 该 图 层 的 图 层 混 合 模式 为 “县 加 ”, 如 


加 ”案例 类 型 ia 

本 案例 是 设计 一 款 VIP 黑色 质感 扫 码 看 视频 
名 片 。 
图 ”设计 背景 

本 案例 是 一 个 VIP 名 片 模板 ， 该 款 名 片 定义 为 
美容 美发 沙龙 的 VIP 卡 片 。 美 容 美 发 行业 是 可 以 让 
人 形象 改变 的 一 种 造型 艺术 ， 随 着 我 国 的 经 济 不 断 
发 展 ， 美 容 美 发 行业 也 逐渐 发 展 起 来 ， 通 常会 使 用 
VIP 优惠 的 手段 来 促使 人 们 到 店 消费 。 


图 ”设计 定位 


根据 设计 背景 ， 我 们 将 名 片 的 背景 设计 为 拉丝 
效果 ， 既 模拟 了 柔顺 的 头发 又 产生 了 金属 的 质感 ， 
达到 高 大 上 的 即 视 感 。 
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用 疯 王 疏 


3.3.2 ”配色 方案 3.3.3 “名 片 的 构图 方式 


在 主 色 上 我 们 主要 使 用 金色 和 黑色 进行 搭配 本 案例 采用 稳定 性 构图 ， 信 息 放 置 到 分 割 线 的 
使 用 ， 金 色 象 征 高 贵 、 辉 煌 ， 使 用 金色 可 设计 出 ， 上 方 ， 虽 然 分 割 线 下 方 没有 放置 信息 ， 但 作为 分 割 
至 高 无 上 的 感觉 ， 侧 面 表达 出 VIP 是 我 们 至 高 无 ， 线 的 花纹 已 经 丰满 了 底部 的 区 域 ， 使 其 下 方 没有 太 
上 的 客户 ， 是 需要 我 们 用 真心 对 待 的 ， 如 图 3-56 ， 多 的 空白 ， 不 会 让 整个 构图 有 太 多 的 留 白 而 显得 空 
旷 。 正 面 采用 中 心 构图 ， 主 要 体现 VIP 标 志 。 


所 示 。 


3.3.4 ”同类 作品 欣赏 


关上 后 械 doUso0}oUd 示 准 呈 


| 3.3.5 “项目 实战 


加 ”制作 流程 


本 案例 首先 设置 拉丝 背景 和 图 像 的 金属 质感 
然后 创建 并 调整 路 径 ， 调 整 图 像 的 明暗 度 ; 


最 后 载 


入 路 径 选 区 后 填充 图 像 颜色 ， 创 建文 字 注释 ， 如 


图 3-57 所 示 。 


加 ”技术 要 点 


使 用 “ 滤 镜 ”命令 中 的 


“添加 杂 色 ”和 


DO 


模糊 ” 


设置 背景 纹理 ; 
使 用 “钢笔 工具 ”和 “路 径 ” 面 极 绘制 和 调整 


路 径 并 调整 图 案 ; 


使 用 “ 横 排 文字 工具 ”添加 注释 并 设置 注释 的 


运行 Photoshop 软 件 ， 在 “欢迎 ”界面 中 单 击 


民 ” 面 板 和 “图 层 样式 ”调整 层次 和 


“新 建 ” 按 钮 ， 在 弹出 的 “新 建文 档 ” 对 话 
框 中 设置 “宽度 ”为 9 厘米 、“ 高 度 ”为 5.4 厘 
米 ， 设 置 “ 分 辩 率 ”为 350 像 素 /英寸 ， 单 击 
“创建 ”按钮 ， 如 图 3-58 所 示 。 
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人 回回 
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NY NAMIE 


“动感 


创建 新 文档 后 ， 在 “图 层 ” 面 板 中 单 击 “创建 
1 


图 3-58 


i 


新 图 层 ” 按 钮 车， 创建 新 图 层 “ 图 层 1” 
3-59 所 示 。 


Mx 


Pa -四 OTDRB 
正常 v ”不 透明 度 : 100% 
锁定 : 图 w 中 共和 填充: 100% 
© 图 层 工 

© 背景 [a] 


.a 9.0[s]e 

图 3-59 

创建 新 图 层 后 ， 在 菜单 栏 中 选择 “ 滤 镜 > 杂 色 > 
添加 杂 色 ”命令 ， 在 弹出 的 “添加 杂 色 ”对 话 
框 中 设置 合适 的 参数 ， 如 图 3-60 所 示 。 

在 菜单 栏 中 选择 “ 滤 镜 > 模糊 > 动感 模糊 ” 命 
令 ， 在 弹出 的 “动感 模糊 ”对 话 框 中 设置 合适 
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隆 现 十 疏 ” 册 8 让 


的 参数 ， 如 图 3-61 所 示 。 习 
图 层 ”历史 记录 。 属性 路径 三 
Pa ~ 四 OoTHB 
正常 ~| 不 透明 度 : 100% ~ 
锁定 :图 A 由本 自 填充 : 100% ~ 
© 


吕 [ |] 放 外 


) 融 产 分 布 (6) 
图 3-60 图 3-61 
设置 好 动感 模糊 后 ， 按 Ctrl+T 组 合 键 ， 调 整 
图 像 的 高 度 ， 将 其 纹理 密 一 些 ， 如 图 3-62 
所 示 。 
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| 图 3-64 

| 在 “图 层 ” 面 板 中 双击 纹理 图 层 ， 在 弹出 的 
| “图 层 样式 ”对 话 框 中 选择 “渐变 又 加 ” 样 
| 
| 
| 
| 
| 
| 
| 
| 
| 
| 


Etalut| 


式 ， 在 右 侧 的 设置 面板 中 设置 合适 的 参数 ， 单 
击 渐变 色 块 ， 如 图 3-65 所 示 。 


图 3-62 


人 @ 在 舞台 中 按 住 Alt 键 ， 向 上 移动 复制 图 像 ， 可 以 | 
在 “图 层 ” 面 板 中 按 住 Ctl 键 ， 选 择 两 个 图 层 ， 
按 Ctrl+E 组 合 键 ， 合 并 为 一 个 图 层 ， 如 图 3-63 


所 示 。 i 
| 本 时 | 历 gE 杂居 | 基 生 二 | 
PM ~ GO RD AN 
正常 ~ 7T 通 明度: 100% ~ 
钢 放 :加 4 中 本 人 填充 :100% ~ 
至 图 3-65 
四 背景 @ 使 在 弹出 的 “渐变 编辑 器 ”对 话 框 中 在 渐变 色 块 


上 双击 即 可 添加 色 标 ， 设 置 第 一 个 色 标 的 RGB 
为 131、99、77， 第 二 个 色 标的 RGB 为 238、 
214、165， 第 三 个 色 标 的 RGB 为 134、103、 


国 S=63 79， 第 四 个 色 标 的 RGB 为 209、182、132， 第 
人 继续 移动 复制 图 像 ， 复制 图 像 后 将 图 像 所 在 的 五 个 色 标 的 RGB 为 143、111、84， 如 图 3-66 所 


图 层 合并 为 一 个 图 层 ， 如 图 3-64 所 示 ， 调 整 其 示 ， 单 击 “ 确 定 ” 按 钮 ， 返 回 到 “图 层 样式 ” 
至 合适 的 大 小 。 ”对 话 框 。 


虽 扬 口 8. 白 日 症 
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省 和 OA。 [ 自 定 
潭 杰 具 BC: 实话 ~ 
平 活 度 ): 100 | 。 %6 


不 本 月 谨 下 


Btzitc: 国 ] 


图 3-69 
双击 调整 角度 后 的 图 层 ， 在 弹出 的 “图 层 样 
式 ” 对 话 框 中 调整 “渐变 到 加 ”图 层 样式 ， 
设置 合适 的 参数 ， 单 击 渐变 色 块 ， 如 图 3-70 
所 示 。 


图 3-66 
在 “图 层 样式 ”对 话 框 中 选择 “颜色 玛 加 ” 样 
式 ， 在 右 侧 的 设置 面板 中 设置 “混合 模式 ”为 
“ 圭 加 ”， 设 置 颜色 的 红 蓝 绿 为 134、122、 
112， 如 图 3-67 所 示 。 


半 池 开 典 ”十 E 溃 


ET 。“ 瑞 XIE 


图 3-70 
人 OO 在 弹出 的 “渐变 编辑 器 ”对 话 框 中 双击 ， 添 
加 一 个 色 标 ， 设 置 第 一 个 色 标 的 RGB 为 130、 
130、130， 设 置 第 二 个 色 标的 RGB 为 82、82、 


图 3-67 
单 击 “ 确 定 ”按钮 ， 在 “图 层 ” 面 板 中 按 Ctrl+J 
组 合 键 ， 对 拉丝 的 图 像 进行 复制 ， 如 图 3-68 


rs 82， 设 置 第 三 个 色 标 的 RGB 为 130、130、130， 
| 如 图 3-71 所 示 ， 单 击 “ 确 定 ”按钮 后 返回 到 
Pl 四 OTHBD 。e “图 层 样 式 ” 对 话 框 ， 取消 “颜色 又 加 ”图 层 

下 党 ~| 通明 度 : 100% ~ 样式 的 勾 选 。 


恋 E: 图 ww 中 这 自 填充 :100% ~ 


图 3-68 
人 @ 复制 图 像 后 ， 按 Ctrl+T 组 合 键 ， 调 整 图 像 的 角 
度 ， 如 图 3-69 所 示 ， 按 Enter 键 ， 确 定 调整 。 
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调整 后 的 效果 如 图 3-72 所 示 。 


中 
文 
与 、 
在 菜单 栏 中 选择 “图 像 > 调 整 > 色 阶 ” 命令， 在 
3 弹出 的 “ 色 阶 ”对 话 框 中 设置 合适 的 参数 ， 如 
3-73 所 示 。 
训 
案 预 设 (E): | 自 定 ©. (| a 定 | 
通道 (C0): RGB 页 位 
征 入 色 阶 (DD: 自动 向 
选项 CT). 
二 人 Photoshop 中 的 使 用 “钢笔 工具 ” 避 . 可 以 绘制 精 
5 i 确 的 矢量 图 形 ， 还 可 以 通过 创建 的 路 径 对 图 像 进行 先 
得 出 BitO) 取 ， 转 换 成 选区 后 即 可 对 选择 区 域 进行 相应 编辑 或 创 
”6 霹 建 莹 版， 通过“ 路径 ”面板 可 以 对 创建 的 路 径 进行 进 
一 步 的 编辑 ， 以 下 是 “路 径 ” 面 板 中 的 常用 工具 : 
副 用 前 景色 填充 路 径 : 确定 当前 创建 的 路 
在 工具 箱 中 选择 “钢笔 工具 ”分 .， 在 舞台 中 绘 径 ， 单 击 “ 用 前 景色 填充 路 径 ” 按 钮 而 |， 
制 如 图 3-74 所 示 的 路 径 。 可 以 填充 路 径 为 前 景色 。 
画笔 描 边 路 径 ; 确定 当前 创建 的 路 
径 ， 单 击 “用 画笔 描 边 路 径 ” 按 钮 [ 回 ， 
可 以 为 当前 路 径 创建 描 边 ， 描 边 为 前 景 


颜色 。 
弹 将 路 径 作为 选区 载 入 : 单 击 “将 路 径 作 
为 选区 载 入 ”按钮 融 ， 可 以 将 当前 绘制 的 


路 径 载 入 选区 。 
驱 从 选区 生成 工作 路 径 : 使 用 “从 选区 生 
成 工作 路 径 ” 按 钮 网 ， 可 以 将 选区 转换 为 
路 径 。 
使 用 “转换 点 工具 ”下 , 在 路 径 的 控制 点 上 按 住 画 添加 矢量 蒙 版 : 该 工具 按钮 与 图 层面 板 
鼠标 左 键 ， 拖 中 出 控制 点 ， 调 整 控 制 点 ， 调 整 中 的 添加 矢量 蒙 版 按钮 相同 。 都 是 为 选区 
线路 径 ， 如 图 3-75 所 示 。 添加 一 个 蒙 版 层 。 
司 创建 新 路 径 : 单 击 “创建 新 路 径 ” 按 


调整 好 路 径 的 形状 后 ， 按 Ctrl+Enter 组 合 键 ， 将 


路 径 载 入 选区 ， 如 图 3-76 所 示 。 钮 田 ， 可 以 创建 新 的 路 径 层 。 


恒 删 除 当前 路 径 : 选择 一 个 路 径 层 ， 单 击 
“删除 当前 路 径 ” 按 钮 融 ， 即 可 删除 当前 
的 路 径 层 。 


通常 路 径 需要 使 用 路 径 工具 来 进行 绘制 和 编 
辑 ， 下 面 是 工具 箱 中 的 路 径 常用 的 路 径 绘制 和 编辑 


工具 。 
四 


到 钢笔 工具 : 以 锚 点 方式 创建 区 域 路 径 ， 
主要 用 于 绘制 矢量 图 形 和 选取 对 象 。 
到 自由 钢笔 工具 : 用 于 绘制 比较 随意 的 图 
形 ， 使 用 方法 与 套 索 工具 非常 相似 


可 添加 锚 点 工具 : 将 光标 放 在 路 径 上 ， 单 
击 即 可 添加 一 个 锚 点 。 


殉 删除 锚 点 工具 : 删除 路 径 上 已 经 创建 的 
锚 点 。 

网 转 换 点 工具 : 用 来 转换 锚 点 的 类 型 ( 角 
点 和 平滑 点 ) 

刚 路 径 选 择 工具 : 在 路 径 浮动 窗口 内 选择 
路 径 ， 可 以 显示 出 锚 点 。 


出 直接 选择 工具 : 只 移动 两 个 锚 点 之 间 的 


D202 择 黑色 拉丝 的 图 像 所 在 的 图 层 ， 在 “图 层 ” 
面板 底部 单 击 “ 添 加 图 层 蒙 版 ”按钮 加， 设置 
图 层 的 遮 曾 ， 如 图 3-77 所 示 。 


二 二 方志 和 国生 册 
四 THBe 
通明 度 : Dow 


建 遮 章 后 ， 遮 章 层 会 处 于 选择 状态 ， 这 时 


人 使 


创 

汪 像 进行 调整 ， 我 们 需要 选择 黑色 
纹理 图 层 的 图 层 缩 览 窗 ， 选 择 图 像 状态 ， 按 
CtrlHM 组 合 键 ， 在 弹出 的 “曲线 ”对 话 框 中 调 
整 曲线 ， 如 图 3-78 所 示 。 

人 在 菜单 栏 中 选择 “文件 > 打开 ”命令 ， 在 弹出 的 
“打开 ”对 话 框 中 选择 随 书 配备 资源 中 的 “花边 依 
素材 .png” 文 件 ， 单 击 “ 打 开 ” 按 钮 ， 如 图 3-79 
所 示 。 
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图 3-78 


“移动 工具 ” 


生成 工 
如 图 3-81 所 示 。 


图 3-80 
创建 选区 后 ， 在 “路 径 ”面板 中 单 击 “ 从 选区 


中 .， 将 打开 的 素材 拖 蝶 到 有 舞 
人 台中， 选择 所 在 的 图 层 ， 使 用 “ 魔 棒 工 具 ” 冯 ， 
在 工具 属性 栏 中 取消 勾 选 "连续 ” 复 选 框 ， 选 
择 白色 区 域 ， 如 图 3-80 所 示 。 


作 路 径 ” 按 钮 人， 将 选区 转换 为 路 径 ， 


05| 


了 闻 志 于 相册 8 炎 


所 示 。 


将 添加 的 素材 隐藏 ， 使 用 “自由 变换 ”命令 i 


中 
文 
版 
卫 CE 
3 整 路 径 的 角度 ， 使 用 “转换 点 工具 ” pe 图 大 ”历史 记录 。 属性 。 路径 三 
3 径 的 形状 ， 如 图 3-82 所 示 。 p aoTrHa。 
1 _ 
商 
类 图 wy 中 车 自 
例 © 椭圆 3 拷贝 2 
加 © ?hm EEiisn: Li 
设 信 效果 
计 颜色 要 加 
至 仿 新 变 到 加 
解 © 国 央 四 :## 由 3 fr 
析 人 @ 效果 

人 颜色 亚 加 

人 @ 浙 训 到 加 
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六 QQG 四 避 价 
调整 好 路 径 的 形状 后 ， 按 Ctrl+Enter 组 合 键 ， 
将 路 径 载 入 选区 。 在 “图 层 ” 面 板 中 创建 新 
图 层 ， 在 工具 箱 中 单 击 前 景色 ， 设 置 前 景色 的 
RGB 为 154、108、57， 按 AlttDelete 组 合 键 填充 
颜色 ， 如 图 3-83 所 示 。 


双击 合并 后 的 装饰 图 案 图 层 ， 在 弹出 的 “图 层 
样式 ”对 话 框 中 选择 “渐变 过 加 ”样式 ， 参 考 
前 面 设置 的 渐变 颜色 ， 设 置 金属 质感 的 渐变 ， 
如 图 3-86 所 示 。 


使 用 “椭圆 工具 ” 信 . 创 建 贺 ， 设 置 圆 的 填充 ， 


如 图 3-84 所 示 。 择 “ 和 斜面 和 浮雕 ”样式 ， 设 置 合 适 的 参数 ， 
将 作为 装饰 的 图 层 按 住 Ctrl 键 全 部 选中 ， 按 和 3-87 所 示 。 


CitB 组 合 键 ， 将 其 合并 为 一 个 图 层 ， 如 图 3-85 使 用 “钢笔 工具 ” 依 .， 在 舞台 中 创建 路 径 ， 妇 


当 峡 


到 3-88 所 示 。 


使 用 “转换 点 工具 ” 八 ,调整 路 径 的 形 ; 


Ctrl+Enter 组 合 键 ， 将 其 
新 图 层 ， 


A ， 按 
t 载 入 选区 ， 创 建 一 个 


设置 前 景色 的 RGB 为 154、108、57， 


按 Alt+Delete 组 合 键 填充 前 景色 ， 如 图 3-89 


所 示 。 


参考 前 面 装 饰 花纹 的 


层 样 式 ， 设 置 该 图 像 


的 图 层 样 式 ， 完 成 装饰 花纹 的 制作 ， 如 图 3-90 


所 示 。 


双击 图 层 ， 在 弹出 的 “ 


择 “ 投 影 ”选项 ， 设 置 合适 的 投影 效果 ， 单 击 


“确定 ”按钮 ， 如 图 3-9 


层 样式 ”对 话 框 中 选 


所 示 。 


NM 


使 用 同样 的 方法 制作 另 一 个 花纹 的 投影 效果 ， 


如 图 3-92 所 示 。 


使 用 “ 横 排 文 字 工具 ” 定 ,， 在 舞 


字 ， 如 图 3-93 所 示 。 


参考 花纹 的 图 层 样式 ， 添 加 到 文字 图 层 上 ， 如 素材 ， 调 整 黑色 纹理 的 角度 ， 创 建 VIP 文字 ， 
3-94 所 示 。 并 设置 文字 的 图 层 样式 ， 如 图 3-97 所 示 ， 在 
“图 层 ” 面 板 中 新 建 图 层 ， 使 用 “和 矩 形 选 框 工 
具 ” 丰 ,， 创 建 选区 后 填充 选区 颜色 。 


VIP 


使 用 同样 的 方法 创建 其 他 文字 ， 并 设置 合适 的 
效果 ， 如 图 3-95 所 示 。 设置 一 个 金属 质感 的 图 层 样式 ， 如 图 3-98 所 


示 ， 对 和 矩形 效果 进行 复制 。 
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解 

析 1 
按 Ctrl+S 组 合 键 ， 在 弹出 的 “另存 为 ”对 话 框 新 建 一 个 文件 ， 并 将 正面 和 背面 的 两 个 名 片 复 
中 选择 一 个 存储 路 径 ， 为 文件 命名 “正面 ”， 制 到 新 的 文档 舞台 中 ， 使 用 “自由 变换 ”命令 


单 击 “ 保 存 ” 按 钮 ， 如 图 3-96 所 示 。 调整 其 图 像 的 角度 ， 如 图 3-99 所 示 。 


YOUR COMPANY NAME 


TEL:13065012128* 
E-MAIL36ID.JJSFe163.COIM 


按 Ctrl+ShiftrS 组 合 键 ， 在 弹出 的 “另存 为 ” 


对 话 框 中 选择 一 个 存储 路 径 ， 为 文件 命名 

“背面 "。 en 
确定 存储 了 正面 和 背面 两 个 文件 ， 当 前 文 村 伟人 
为 背面 文档 ， 在 舞台 中 删除 除 纹理 外 的 所 有 ee 


如 图 3-100 所 示 。 


图 3-101 
贺 设置 图 像 为 黑色 或 白色 的 技巧 与 提示 


按 CtrltU 组 合 键 ， 在 弹出 的 “色相 /饱和 度 ” 对 
话 框 中 设置 “明度 ”为 -100 时 ， 当 前 选择 图 层 中 的 
图 像 为 黑色 ， 当 设置 “明度 ”为 +100 时 ， 当 前 选择 
图 层 中 的 图 像 为 白色 


图 3-101 


使 用 “多 边 形 套 索 工 具 ” 列 ,， 创 建 答 形 选区 ， 
新 建 图 层 ， 并 填充 选区 为 黑色 ， 设 置 图 层 合适 
的 “不 透明 度 ”， 作 为 倒影 效果 ， 如 图 3-102 
所 示 。 

全 使 用 同样 的 方法 创建 并 填充 选区 有 新 的 
层 ， 设 置 图 层 的 “不 透明 度 ”， 并 使 用 “橡皮 
擦 工具 ”人 沪 ,， 擦 除 一 部 分 区 域 ， 如 图 3-103 
所 示 。 


全 继续 设置 另外 两 个 名 片 的 阴影 果 ， 如 图 3-104 
所 示 。 


了 闻 遍 于 相册 8 


SL, 本 案例 制作 完成 。 
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| 3.4.1 设计 思路 


加” 案例 类 型 Er 
本 案例 是 设计 一 款 纯 商务 名 片 。 扫 码 看 视频 
国 。 项目 诉求 


根据 前 面 制作 的 房地产 标志 ， 来 配套 设计 一 
款 公司 的 名 片 ， 属 于 商务 名 片 ， 要 求 设计 简洁 
大 方 。 | 
国 。 设计 定位 13.4.5 项 目 实战 
根据 客户 的 诉求 ， 我 们 将 整体 定义 为 代表 商务 
的 棱角 几何 体 图 案 ， 配 合 蓝 色 及 白色 的 商务 颜色 。 ”时 ”制作 流程 
本 案例 首先 调整 标志 ， 填 充 相 应 选区 的 颜色 ; 


然后 创建 和 矩形， 调整 矩形 的 形状 ; 最 后 创建 文字 注 
释 ， 如 图 3-105 所 示 。 


| 3.4.2 ”配色 方案 


配色 方案 上 将 会 使 用 大 多 数 的 留 白 ， 但 根据 留 


白 的 情况 我 们 会 使 用 几何 体 来 平衡 ， 在 商务 氛围 的 和 A 
基础 上 添加 一 些 类 似 红色 的 点 级 色 ， 使 其 不 会 太 过 爵 家 思 户 


于 沉 间 ， 使 整体 稳定 的 前 提 下 辅 以 鲜 活 的 色调 。 


| 3.4.3 ”名片 的 构图 方式 


本 案例 使 用 对 称 构图 ， 将 名 片 的 内 容 上 下 对 称 
构图 ， 上 部 分 为 名 称 和 职位 ， 下 部 分 为 一 些 基本 信 © Oa 
息 ， 这 样 的 构图 是 属于 中 规 中 矩 的 构图 方式 ， 适 用 © women © am 
于 商务 名 片 的 设计 。 

图 3-105 
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图 3-105 ( 续 ) 
国 。 技术 要 点 
使 用 “ 魔 棒 工 具 ” 创 建 颜色 选 
使 用 “矩形 工具 ”创建 矩形 选 
使 用 “前 景色 ”设置 填充 的 颜色 ; 
使 用 “ 拢 形 工具 ”创建 矩形 ， 
使 用 “直接 选择 工具 ”调整 矩形 形状 ; 
使 用 “自由 变换 ”命令 调整 变形 ; 
使 用 “ 置 入 幅 入 对 象 ”命令 导入 图 标 ; 
使 用 标尺 添加 辅助 线 。 
图 ”操作 步骤 
运行 Photoshop 软 件 ， 在 “欢迎 ”界面 中 单 击 
“新 建 ” 按 钮 ， 在 弹出 的 “新 建文 档 ” 对 话 框 
中 设置 "宽度 ”为 9.53 厘 米 、“ 高 度 ”为 5.72 
厘米 ， 设 置 “分 辨 率 ” 为 300 像 素 /英寸 ， 单 击 
“创建 ”按钮 ， 如 图 3-106 所 示 。 


We E33 


员 员 


全 aa。 zz | MH J ME wb ou Me 


让 我 们 开始 尝试 新 事物 吧 。 


从 站 自己 的 文博 疫 车 驱 一 于 天 立 档 而 设 开始 以 


图 3-106 
打开 前 面 设计 的 房产 标志 图 像 ， 将 其 所 有 图 
选中 ( 除 “背景 ”图 层 外 ) ， 使 用 “移动 
具 ” 中 , 拖 忠 到 新 建 的 舞台 中 ， 如 图 3-107 所 示 。 
将 标志 所 在 的 图 层 全 部 选中 ， 按 Ctrl+E 组 合 
键 ， 合 并 选中 的 图 层 为 一 个 图 层 ， 如 图 3-108 
所 示 。 


部 
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图 3-107 

人 
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四 

© 背景 a 


o 吕 友 口 89 白 日 站 
图 3-108 
选择 合并 为 一 个 图 层 后 的 标志 ， 按 Ctrl+T 组 合 


键 ， 打开 “自由 变换 ” 
小 ， 如 图 3-109 所 示 。 


命令 ， 调 整 图 像 的 大 


图 3-109 


使 用 “和 矩 形 选 框 工具 ” 
按 Ctrl+U 组 合 键 ， 在 弹 


蕊 .创建 文本 的 区 域 ， 
上 的 “色相 /饱和 度 ” 对 


话 框 中 调整 文字 的 明度 ， 调 整 标志 的 效果 为 浅 


色 ， 如 图 3-110 所 示 。 
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图 3-110 
具 箱 单 击 前 景色 ， 在 弹出 的 “ 拾 色 器 ( 前 
景色 ) ”对 话 框 中 设置 RGB 为 107、187、 
233， 选 择 标志 所 在 的 图 层 ， 使 用 “ 魔 棒 工 
具 ” 元 创建 蓝 色 区 域 ， 按 Alt+Delete 组 合 键 填 
充 一 个 前 景色 ， 按 Ctrl+D 组 合 键 取消 选择 ， 贡 
图 3-111 所 示 。 


三 
SH 


Er 


图 3-111 
在 工具 箱 中 单 击 前 景色 ， 在 弹出 的 “ 拾 色 器 
( 前 景色 ) ”对 话 框 中 设置 前 景色 的 RGB 为 
243、243、243 ， 如 图 3-112 所 示 。 
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颜色 库 
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图 3-112 


和 # “背景 ”图 层 ， 按 Altt+Delete 组 合 键 ， 填 充 
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前 景色 ， 如 图 3-113 所 示 。 


图 层 。 历史 记录 。 属性 路 怪 


Pa -四 OoTHB e 


正常 委 明 度 : 100% 


(继续 设置 前 景色 的 RGB 为 232、 232、232， 如 
3-114 所 示 。 


出 


EP 
Sau 
冰 妆 冰冰 


只 有 Web 颜色 
图 3-114 
人 @ 使 用 “ 珑 形 选 框 工具 ”在 舞台 中 如 图 所 示 的 位 
置 创建 答 形 选区 ， 确 定 “ 背 景 ”图 层 处 于 选择 


状态 ， 按 Alt+Delete 组 合 键 ， 填 充 前 景色 ,如 
图 3-115 所 示 。 


ER 
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图 3-115 
人 @O 设 畦 前 景 e 的 RGB 为 50、 59、74， 如 图 3-116 所 示 。 


图 3-116 


“和 矩 形 选 框 工具 ”一 3, 在 舞台 中 的 位 置 创 建 
和 矩 形 选 区 ， 按 Alt+Delete 组 合 键 ， 填 充 前 景色 ， 
如 图 3-117 所 示 。 


人 @ 念 接 Ctl+T 组 合 键 ， 打开 自由 变换 ， 调 整 图 像 的 
FT 效果 ， 如 图 3-120 所 示 。 


EE 


图 3-117 
《全 设置 前 景色 的 RGB 为 239、 63、95， 如 图 3-118 
所 示 。 图 3-120 


使 用 “ 横 排 文字 工具 ”T.， 在 舞台 中 创建 文 
字 ， 如 图 3-121 所 示 。 


人 5E Se WE 
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图 3-118 
《他 使 用 “矩形 选 框 工具 ”所在 舞台 中 创建 矩形 图 3-121 
选区 ， 在 “图 层 ” 面板 中 新 建 一 个 图 层 ， 按 OE “图 层 ” 面 板 中 选择 “背景 ”图 层 ， 按 Ctrl+J 
Alt+Delete 组 合 键 ， 填 充 前 景色 选区 如 图 3-119 组 合 键 ， 复 制 一 个 图 层 ， 选 择 名 片 所 有 的 图 层 
所 示 。 ( 除 “背景 ”图 层 外 ) ， 将 选择 的 图 层 放置 到 
同一 个 图 层 组 中 。 


人 @ 人 使 有 “裁剪 工具 ” 匡 ,， 在 舞台 中 出 现 一 个 裁 
剪 框 ， 将 鼠标 放置 到 右 侧 中 心 的 调整 中 心 ， 按 
住 向 右 移动 ， 移 动 出 另外 一 个 名 片 的 区 域 ， 按 
Enter 键 ， 确 定 裁剪 ， 如 图 3-122 所 示 。 


ps 


爱 家 房产 呈 
| 


图 3-119 
图 3-122 
国 先 区 的 使 用 提示 《人 展开 图 层 组 ， 在 图 层 组 中 复制 出 需要 的 背景 
需要 注意 的 是 ， 在 每 次 执行 完 选 区 后 ， 需 要 进 层 ， 复 制 出 图 层 后 ， 将 图 层 放置 到 图 层 组 外 ， 
行 下 一 步 操作 时 ， 需 按 Ctrl+D 组 合 键 取消 选区 的 使 用 “和 拢 形 选 框 工具 ” 呈 3 创建 选区 ， 如 图 3-123 
选择 。 所 示 ， 设 置 前 景色 的 RGB 为 236、236、236， 按 


人 AlttDelete 组 合 键 ， 填 充 选 区 为 前 景色 。 
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图 3-123 
侈 技 CtrliR 组 合 键 ， 在 舞台 的 上 方 和 左 侧 出 现 


标尺 ， 在 标尺 上 拖 踊 出 辅助 线 ， 使 用 “ 甜 形 | 


具 ” 回 ,创建 德 形 ， 设 置 矩 形 的 填充 RGB 为 
239、63、95， 如 图 3-124 所 示 。 


图 3-124 
全 使 用 “直接 选择 工具 ” 心 ,调整 矩形 的 形状 ， 如 
3-125 所 示 。 


虽 


图 3-125 
使 用 “移动 工具 ”中 .,， 移 动 复制 形状 ， 调 整形 


状 ， 如 图 3-126 所 示 。 


图 3-126 
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兮 估 同样 的 方法 复制 并 调整 图 像 ， 并 在 工具 属 
性 栏 中 设置 填充 ， 如 图 3-127 所 示 。 


图 3-127 
使 用 “ 横 排 文 字 工具 ”了 T.， 创 建文 字 注释 ， 如 
图 3-128 所 示 。 


张 晓 宁 ga 
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图 3-128 
在 菜单 栏 中 选择 “文件 > 置 入 嵌入 对 象 ”命令 ， 
在 弹出 的 “ 置 入 嵌入 的 对 象 ”对 话 框 中 选择 随 
书 配 备 资源 中 的 “地 址 .png” 文 件 ， 单 击 “ 置 
入 ”按钮 ， 如 图 3-129 所 示 。 
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图 3-129 
置 入 素材 到 舞台 中 后 ， 调 整 素材 的 大 小 ， 如 


图 3-130 所 示 ， 按 Enter 键 确定 调整 。 
命 人 同样 的 方法 置 入 其 他 素材 ， 如 图 3-131 
所 示 。 
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图 3-131 


人 人 使 用 “ 横 排 文字 了 


字 ， 并 使 用 “和 拢 形 选 框 工具 ”S. 创 建 矩 形 并 填 


充 底部 的 色 块 ， 如 


张 晓 宁 经 理 


zhangxiaoning 


闻 沿 十 疏 ” 山 8 站 


[ 具 ”T.， 在 舞 合 中 创建 文 


图 3-132 所 示 。 


图 3-132 


参考 前 面 案例 的 、 


体 名 片 的 制作 ， 制 作 本 案例 


的 名 片 立体 效果 如 


图 3-133 所 示 。 
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户外 广告 涵盖 的 范围 非常 广 ， 包 括 广场 等 室外 公共 场所 设立 的 霓虹灯 、 
广告 牌 、 车 体 等 。 
本 章 主 要 介绍 户外 广告 的 形式 、 类 型 、 优 点 与 缺点 、 设 计 原 则 等 内 容 。 


户外 广告 概述 (2) 党 虹 灯 广 告 ， 霓虹灯 广告 是 指 由 达 册 的 
霓虹灯 管 组 合成 的 文字 或 图 案 ， 可 以 使 用 不 同 的 
霓虹灯 管 颜色 ， 制 作出 五 彩 缤纷 的 效果 ， 如 图 4-2 


蒜 撤 避 dousoloUyd 荣 半 导 


例 
项 户外 广告 (Out Door，OD) ， 主 要 是 指 城市 的 所 示 。 


道路 两 侧 ， 建 筑 物 墙 面 、 楼 项 ， 商 业 区 的 门 前 、 路 
边 等 户外 场地 设置 的 发 布 信息 的 媒介 ， 主 要 的 广告 
形式 包括 招贴 、 海 报 、 路 牌 、 霓 虹 灯 、 电 子 屏 、 灯 
箱 、 气 球 、 飞 艇 、 车 厢 、 大 型 充气 模型 等 。 

随 着 人 们 生活 空间 的 扩展 以 及 生活 水 平 的 不 断 
提升 ， 地 铁 、 人 公交、 轻轨、 超市、 药店、 商场 、 机 
场 等 地 方 ， 都 会 充斥 着 各 种 形式 的 广告 媒体 ， 且 无 
处 不 在 。 


(3) 单 立柱 广告 : 单 立 柱 广告 是 指 广告 牌 置 
2 y 
4.1.1 户外 广告 的 常用 类 型 于 特 设 的 支撑 柱 上 ， 以 立柱 式 T 形 或 P 形 较为 常见 ， 
多 放置 在 交通 的 主干 道 等 车 流 密集 的 地 方 ， 如 图 4-3 
所 示 。 


根据 户外 传播 媒介 的 不 同 ， 可 以 分 为 以 下 几 种 
常见 的 户外 广告 类 型 。 

(1) 射 灯 广告 : 射 灯 广告 是 指 在 广告 牌 四 周 
装 有 射 灯 或 其 他 照明 装备 的 广告 牌 ， 通 过 射 灯 或 其 
他 照明 照射 到 广告 牌 ， 可 以 使 广告 牌 产生 非常 好 的 
效果 ， 且 能 清晰 地 看 到 广告 内 容 ， 如 图 4-1 所 示 。 


NOTHING to HIDE 和 a 


(4) 灯箱 广告 : 置 于 建筑 物 外 墙 、 楼 项 或 裙 
楼 等 位 置 ， 白 天 是 彩色 的 广告 牌 ， 晚 上 则 是 发 光 的 
灯箱 广告 ， 如 图 4-4 所 示 。 


QUTDOOR 
MOCK=UP 


图 4-4 
户外 广告 根据 材质 和 分 布 可 分 为 平面 和 立体 两 


大 类 : 平面 的 有 路 牌 广告 、 招 贴 广告 、 
海报 、 条 幅 等 。 立 体 广告 分 为 沈 虹 灯 、 
广告 塔 灯箱 广告 、 户 外 液晶 广告 机 等 。 
中 ， 路 牌 、 招 贴 是 最 重要 的 两 种 形式 ， 影 响 很 大 。 
设计 制作 精美 的 户外 广告 带 成 为 一 个 地 区 的 象征 。 


壁 墙 广告 、 
广告 柱 以 及 


14.1.2 户外 广告 的 优点 与 缺点 


14.1.3 户外 广告 的 设计 原则 


其 标志 也 必须 彰显 其 


| 人， 所 以 在 设计 中 要 考虑 到 受众 经 过 广告 时 


在 现代 设计 中 ， 户 外 设计 作为 最 普遍 的 艺术 设 
计 形 式 ， 不 仅 与 传统 的 图 形 设计 相关 ， 更 与 当代 社 
会 生活 紧密 联系 。 在 追求 广告 带 来 的 利益 的 同时 
还 要 遵循 一 些 基 本 的 户外 设计 原则 ， 从 而 创造 出 独 
一 无 二 ， 具 有 高 价值 的 户外 广告 。 

(1) 独特 性 。 每 个 品牌 都 有 其 各 自 的 特色 
独一无二 的 文化 特色 。 
户外 广告 的 受众 是 流动 


(2) 提示 性 。 4 行 
4 效 
只 有 简洁 明了 的 画面 和 提示 性 的 形式 才 会 引起 


果 


， 行人 注意 ， 才 能 吸引 到 受众 观看 广告 。 


(3) 简洁 性 。 户 外 广告 能 避免 其 他 内 容 及 竞 


| 争 广告 的 干扰 。 


在 户外 广告 ， 


(4) 计划 性 。 有 计划 的 设计 者 有 一 定 的 目标 
和 广告 战略 ， 广 告 设计 的 方向 才 不 会 迷失 。 
(5) 遵循 图 形 设计 的 美学 原则 。 户 外 广告 都 


有 图 像 和 文字 ， 以 推销 产品 为 目的 进行 设计 能 吸引 
， 人 们 的 注意 。 


户外 广告 是 一 种 最 为 常见 的 宣传 手段 ， 能 够 将 ， 
品牌 和 宣传 内 容 快 速 地 传达 到 户外 活动 的 人 们 ， 下 


面 针 对 户外 广告 来 分 析 户 外 广告 的 优点 与 缺点 。 
优点 : 户外 广告 能 够 创造 出 理想 的 传达 率 。 


据 调 查 显示 ， 户 外 媒体 的 传达 率 仅 次 于 电视 媒体 广 ， 


告 ， 位 居 第 二 。 户 外 广告 在 一 些 公 共 场 所 中 会 起 
到 很 好 的 视觉 冲击 效果 ， 户 外 广告 在 人 们 闲散 漫 
步 、 轻 松 的 时 刻 出 现 ， 能 起 到 使 其 容易 接受 的 营 
销 效 果 ， 有 些 知名 的 户外 广告 牌 ， 也 会 因为 它 的 
持久 和 突出 而 成 为 当地 的 标志 ， 
和 灯箱 广告 ， 这 些 广告 都 有 自己 的 特色 ， 更 加 使 
人 印象 深刻 。 另 外 ， 户 外 广告 相对 电视 等 媒体 广 
告 来 说 成 本 费 较 低 ， 且 发 布 时间 段 长 ， 会 让 许多 
人 重复 看 到 。 

缺点 : 缺点 就 是 位 置 不 能 变换 ， 覆 盖 面 积 较 
小 ， 宣 传 面积 小 。 由 于 户外 的 对 象 不 能 精确 预 估 ， 
所 以 针对 的 人 群 会 有 些 偏差 ， 有 时 人 们 在 同一 时 间 
可 能 接触 到 许多 广告 ， 所 以 给 人 们 留 下 的 印象 就 会 
平淡 很 多 。 


特别 是 气球 广告 | 


4.2.1 设计 思路 


妇女 妇女 


图 ”案例 类 型 
本 案例 为 室内 装修 公司 的 一 款 户外 广告 。 
加 ”设计 背景 
室内 装修 包括 房间 设计 、 装 修 、 布 置 等 。 偏 重 于 
建筑 物 里 面 的 装修 设计 。 随 着 社会 的 快速 发 展 ， 人 们 
生活 水 平 的 提高 ， 在 居住 的 环境 上 也 是 格外 注重 的 ， 
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巨大 的 市 场 空间 。 


| 4.2.2 ”配色 方案 
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于 是 户外 广告 设计 ， 所 以 内 容 方面 一 定 要 突 
题 和 公司 的 标志 ， 如 果 主 题 不 太 突出 ， 标 志 
9 话 广告 也 就 失去 了 其 意义 ， 所 以 ， 在 本 实例 
门将 主要 突出 公司 的 标题 和 公司 的 标志 。 


非 


配色 上 我 们 将 采用 浅 蓝 色 ， 并 使 用 蓝 色 油漆 涂 


料 作为 背景 ， 油 漆 也 是 室 
蓝 色 代表 了 一 种 非常 单纯 的 颜色 ， 可 以 使 人 眼前 
并 采用 白色 作为 辅助 
晰 、 冷 静 。 


鸭 。 到 中 心 位 置 ， 将 其 他 内 容 根据 主要 内 容 依次 向 四 
网 排列 ， 这 样 的 构图 方式 会 把 人 们 的 注意 力 吸引 到 


中 心 位 置 。 


六 ”1 4.2.3 户外 广告 的 构图 方式 


本 案例 将 采用 


| 4.2.4 ”同类 作品 欣赏 


内 装修 不 可 缺少 的 材料 。 


色 ， 整 体 色调 会 更 加 清 


中 心 构图 方式 ， 将 主要 内 容 放 置 


周 


ox 


突 


| 4.2.5 “项目 实战 


加 ”制作 流程 


本 案例 首先 创建 并 填充 选区 为 留 


文字 注释 区 


域 ， 然 后 创建 路 径 并 填充 选区 颜色 ， 设 置 图 层 的 立 
体感 ， 创 建 并 填充 路 径 为 白色 作为 高 光 ， 最 后 创建 


文字 注释 ， 制 作文 字 的 3D 效 果 ， 如 


4-5 所 示 。 


图 4-5 ( 续 ) 
加 ”技术 要 点 


使 


“矩形 了 


[ 具 ” 创 建 并 填充 区 域 ; 


使 用 
使 用 
使 用 


使 用 


使 用 


使 用 


“钢笔 工具 ”创建 油漆 形状 和 高 光 区 域 ; 
“图 层 样 式 ” 设 置 图 层 样式 效果 ; 

“ 横 排 文字 工具 ”创建 文字 注释 ; 

3D 命 令 制作 文字 的 3D 效 果 ; 

“ 置 入 嵌入 对 象 ”命令 置 入 素材 
“色相 /饱和 度 ” 调 整 图 像 的 色彩 。 


加 ”操作 步骤 


运行 Photoshop 软 件 ， 在 “欢迎 ”界面 中 单 击 


“新 建 ”按钮 ， 在 弹出 的 “新 建文 档 ” 对话 1 


框 中 设置 “宽度 ”为 40 厘 米 、“ 高 度 ” 为 20 厘 
米 ， 设 置 “分 辨 率 "为 72 像 素 /英寸 ， 单 击 “ 介 
建 ”按钮 ， 如 图 4-6 所 示 。 
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图 4-6 
创建 文档 后 ， 按 Ctrl+R 组 合 键 ， 在 文档 的 周围 
出 现 标 尺 ， 在 上 方 的 标尺 上 拖 虹 出 辅助 线 ， 拖 
电 至 合适 的 位 置 ， 如 图 4-7 所 示 。 

在 工具 箱 中 
( 前 景色 ) ”对 话 框 中 设置 RGB 为 237、237、 
237， 如 图 4-8 所 示 。 
创建 辅助 线 后 ， 使 有 


击 前 景色 ， 在 弹出 的 “ 拾 色 器 | : 


添加 到 色 板 


颜色 库 


图 4-9 


使 用 “钢笔 工具 ” 俏 . 和 “转换 点 工具 ”人 N,， 创 


建 并 调整 路 径 ， 如 图 4-10 所 示 。 


[PE :osrusai 


| Le teee 


"和 拢 形 选 框 工具 ”创建 辅 | 


助 线 以 下 的 矩形 区 域 ， 按 AlttDelete 组 合 键 , 填 ， 


充 前 景色 ， 如 图 4-9 所 示 。 


图 4-10 
设置 前 景色 的 RGB 为 108、204、232， 如 
所 示 。 


4-11 
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选择 路 径 ， 按 Ctrl+Enter 组 合 键 ， 将 创建 的 路 径 
载 入 选区 ， 如 图 4-12 所 示 。 


1 0 667% me ou SIL 
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贰 寺 吵 出 乎 区 四 号 


图 4-12 
按 Alt+Delete 组 合 键 ， 填 充 前 景色 。 
ee "钢笔 工具 ”人 .和 “转换 点 工具 ” 仆 ,， 创 
建 并 调整 路 径 ， 如 图 4-13 所 示 的 路 径 。 


图 4-13 
创建 路 径 后 ， 按 Ctrl+Enter 组 合 键 ， 将 创建 的 路 
径 载 入 选区 ， 新 建 图 层 ， 按 AlttDelete 组 合 键 ， 
填充 前 景色 ， 按 Ctrl+D 组 合 键 ， 取 消 选 区 的 选 
择 ， 使 用 “移动 工具 ”中 .移动 复制 图 像 ， 如 
4-14 所 示 。 
《使 移动 复制 后 可 以 发 现 出 现 了 许多 的 图 像 图 
如 图 4-15 所 示 。 
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图 4-14 
x 
属性 图 层 路径 历史 记录 至 
Pa ~- 加 GTDBDB 4 
正常 | 不 通明 度 : 100% ~ 
说 E: 图 wm 中 本 人 填充 : 100% ~ 


OG 器 加 从 
图 4-15 
选择 除 “背景 ”图 层 外 的 所 有 图 层 ， 按 Ctrl+E 
组 合 键 ， 合 并 为 一 个 图 层 ， 如 图 4-16 所 示 。 


x 
EE 
PB ~ 四 GOTHB 4 
正常 v 不 通明 度 ; 100% ~ 
襄 E: 图 A 中 共 自 填充: 100% ~ 
© 

© 背景 自 


foo 会 
图 4-16 
双击 合并 后 的 图 层 ， 在 弹出 的 “图 层 样式 ”对 
话 框 中 勾 选 “斜面 和 浮雕 ” 复 选 框 ， 设 置 合适 
的 参数 ， 单 击 “ 确 定 ” 按 钮 ， 如 图 4-17 所 示 。 
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> Ed 
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图 4-17 
使 用 “钢笔 工具 ”人 .和 “转换 点 工具 ”人 下.， 创 
建 并 调整 路 径 ， 如 图 4-18 所 示 。 


人 全 复制 作为 高 光 的 白色 图 像 ， 在 复制 的 过 程 中 一 
定 要 选择 相对 应 的 图 层 ， 如 图 4-21 所 示 。 


半 汀 听 耳闻 呈 册 潍 


图 4-21 
选择 所 有 的 高 光 图 层 ， 按 Ctrl+E 键 ， 合 并 为 一 
个 图 层 ， 双 击 图 层 的 名 称 ， 命 名 图 层 为 “油漆 
高 光 ”， 使 用 同样 的 方法 命名 “油漆 ”图 层 ， 
如 图 4-22 所 示 。 
人 OO 合并 图 层 后 ， 选择 “油漆 高 光 ” 图 层 ， 在 菜单 


图 4-18 

人 @ 念 技 Ctrl+Enter 组 合 键 ， 将 创建 的 路 径 载 入 选 
区 ， 创 建新 图 层 ， 确 定 背 景色 为 白色 ， 按 
Ctrl+Delete 组 合 键 ， 将 选区 填充 为 和 白色， 如 
图 4-19 所 示 ， 填 充 后 按 Ctrl+D 组 合 键 ， 取 消 选 


区 的 选择 。 栏 中 选择 “ 涉 镜 > 模糊 > 高 斯 模糊 "命令 ， 在 弹 
醒 二 区 二 二 要 出 的 “高 斯 模糊 ”对 话 框 中 设置 合适 的 模糊 参 
万 3 四 orDas 数 ， 如 图 4-23 所 示 。 
正常 不 通明 度 : 100% ~ | 


1 
© HE 
© 各 a 
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图 4-19 
继续 创建 新 图 层 ， 创 建新 路 径 ， 并 填充 为 白 
色 ， 按 Ctrl+D 组 合 键 ， 取 消 选 区 的 选择 ， 如 
图 4-20 所 示 。 


图 4-22 图 4-23 


全 模 李 后 的 高 光 效果 如 图 4-24 所 示 。 
全 在 舞台 中 创建 顶部 的 路 径 ， 将 路 径 载 入 选 


内 
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新 建 图 层 ， 并 填充 为 白色 ， 如 图 4-25 所 示 ， 填 格 化 ”命令 ， 栅 格 化 文字 为 普通 图 层 。 

充 后 ， 按 CtrltD 组 合 键 取消 选区 的 选择 。 | 人 在 菜单 栏 中 选择 “3D> 从 所 选 图 层 新 建 3D 模 
型 ”命令 ， 鼠 标 右 击 舞 台中 的 3D 文 字 ， 在 弹 
出 的 快捷 菜单 中 选择 “ 预 设 ” 命 令 ， 打 开 预 设 
浮动 面板 ， 从 中 选择 “形状 预 设 ”， 如 图 4-28 
所 示 。 


ee 让 可 更 美 拷 风 
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和 
及 


形 杖 预 设 : 


图 4-25 
使 用 “ 横 排 文 字 工具 ”T.， 在 舞台 的 左上 角 处 


创建 文字 ， 如 图 4-26 所 示 。 


国 使 用 3D 的 提示 


Photoshop 能 够 设 定 3D 模型 的 位 置 并 将 其 制 成 
画 、 编 辑 纹 理 和 光照 ， 以 及 从 多 个 泻 染 模式 中 进 
行 选择 ，3D 模 型 的 详细 内 容 可 以 参考 “Photoshop 


国 xmemtt 
3 厘米 
光 13 厅 米 


46 大米 
季 荆 到 草 米 


汉 仪 费心 体 简 


Ts |] 四， - 帮助 ”中 的 3D 概 念 和 工具 的 介绍 ， 由 于 内 容 较 多 ， 
这 里 就 不 详细 介绍 了 。 
E 国 a 交 i 


选择 预 设 后 ， 设 置 合适 的 参数 ， 如 图 4-29 
所 示 。 


图 4-26 | 
继续 使 用 “ 横 排 文字 工具 ”了 .,， 创 建 标题 , 如 | 
图 4-27 所 示 。 | 
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” 芭 情 大 我 们 上 | 
让 家 更 硅 性 


图 4-29 


全 选择 设置 3D 效 果 后 的 图 层 ， 鼠标 右 击 ， 在 弹出 
的 快捷 菜单 中 选择 “ 演 染 3D 图 层 ” 和 “ 栅 格 化 
3D” 命 令 ， 如 图 4-30 所 示 。 


图 4-27 
按 Ctrl+J 组 合 键 ， 复 制 标题 文本 图 层 ， 鼠 标 右 击 | 


标题 文字 图 层 ， 在 弹出 的 快捷 菜单 中 选择 “ 栅 


图 4-30 
将 文本 标题 图 层 放置 到 文字 3D 图 层 的 上 方 ， 如 
图 4-31 所 示 。 
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图 4-31 


全 | 按 住 cul 链 ， 单 击 3D 文 字 图 层 前 的 缩 览 图 ， 载 
入 选区 ， 在 3D 图 层 的 上 方 创建 新 的 图 层 ， 按 
Alt+Delete 组 合 键 ， 填 充 前 景色 ， 设 置 图 层 的 混 
合 模式 为 “ 滤 色 ”， 如 图 4-32 所 示 。 


图 4-32 

兮 | 按 Ctl+J 组 合 刍 ， 复制 图 像 到 新 的 图 层 ， 设 置 
新 图 层 的 混合 模式 为 “正片 二 底 ”， 如 图 4-33 
所 示 。 
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图 4-33 


选择 设置 3D 文 字 的 图 层 ， 按 Ctrl+J 组 合 键 ， 复 
制图 像 到 新 的 图 层 ， 设 置 图 层 的 混合 模式 为 
“ 友 加 ”， 如 图 4-34 所 示 。 
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让 家 更 寺 


图 4-34 
全 在 菜单 栏 中 选择 “文件 > 置 入 嵌入 对 象 ”命令 ， 
在 弹出 的 “ 置 入 嵌入 对 象 ” 对 话 框 中 选择 随 
书 配备 资源 中 的 “刷子 .psd” 文 件 ， 单 击 “ 置 
入 ”按钮 ， 如 图 4-35 所 示 。 
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图 4-35 


全 置信 刷子 图 像 后 ， 按 Ctrl+U 组 合 键 ， 在 弹出 的 
“色相 /饱和 度 ” 对 话 框 中 设置 合适 的 参数 ， 如 
图 4-36 所 示 。 


Dato) | 
Re) 


图 4-36 
将 “热气 球 .psd” 文 件 置 入 舞台 中 ， 按 Ctrl+U 组 
合 键 ， 在 弹出 的 “色相 /饱和 度 ”对 话 框 中 设置 
合适 的 参数 ， 如 图 4-37 所 示 。 
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玫 疯 阳 趟 疗 一 山 y 浴 


和 创建 如 图 4-38 所 示 的 气球 选 
区 ， 按 Delete 键 ， 将 选区 中 的 气球 删除 。 
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图 4-38 
@3 人 “彩带 .psd” 文 件 ， 调 整 其 大 小 ， 如 图 4-39 
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图 4-39 | 
D372 “房子 .psd” 文 件 ， 调 整合 适 的 大 小 ， 如 
图 4-40 所 示 。 
全 双击 置 入 的 房 3 图 层 ， 在 弹出 的 “图 层 样式 ” ， 
对 话 框 中 义 选 “投影 ” 复 选 框 ， 设 置 合适 的 参 | 
数 ， 如 图 4-41 所 示 。 
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图 4-41 


”全 调整 房子 后 的 效果 如 图 4-42 所 示 。 
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图 4-42 


| 《人 @ 设置 前 景色 的 RGB 为 226、 26、68， 如 图 4-43 


所 示 。 


口 只 有 web 颜色 
图 4-43 
| te 层 ， 在 舞台 中 创建 如 图 4-44 所 示 的 形 
状 ， 并 填充 前 景色 。 


图 4-44 
双击 填充 的 红 绿 图 层 ， 在 弹出 的 “ 
话 框 中 设置 合适 的 “投影 ” 


层 样式 ”对 
参数 ， 如 图 4-45 所 示 。 


三 C=) 
加 
图 
图 4-45 
使 用 “ 横 排 文字 工具 ”创建 底部 的 一 些 相关 信 
息 ， 如 图 4-46 所 示 。 
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图 4-46 
442 本 案例 制作 完成 。 


4 3 商业 案例 一 户外 楼 盘 广告 
设计 ) 


人 面 招 


i 首 有 志 -由 志和 


400-8888-6667 


图 


| 4.3.1 设计 思路 
国 ”案例 类 型 


本 案例 为 楼 盘 招商 的 一 款 户外 


回 
扫 码 看 视频 


加 ”项目 诉 求 

本 实例 要 求 制作 一 张 具有 豪 装 大 宅 气 质 的 户外 
大 型 广告 ， 通 过 提供 的 建筑 素材 来 制作 一 张 具有 推 
广 价值 的 楼 盘 广 告 效果 。 
图 ”设计 定位 

根据 客户 要 求 ， 我 们 将 提供 的 建筑 素材 进行 调 
整 ， 使 其 搭配 得 更 加 自然 。 想 要 表现 豪华 的 装饰 ， 
使 用 欧式 花纹 是 : 必 不 可 少 的 ， 因 为 欧式 风格 比较 复 
杂 、 丰 富 ， 且 欧式 风格 代表 了 富丽 堂皇 。 所 以 在 本 
案例 中 我 们 采用 了 欧式 底 纹 表现 豪华 装修 的 效果 ， 
如 图 4-47 所 示 。 


图 4-47 


| 4.3.2 ”配色 方案 


配色 上 我 们 将 采用 金色 和 蓝 色 作为 主 色调 ， 金 
色 会 在 蓝 色 的 底 纹 背景 上 显示 ， 金 色 属 于 暖色 ， 金 
色 代 表 尊 贵 、 华 丽 和 辉煌 ， 配 上 欧式 的 花纹 ， 能 起 
到 衬托 和 突出 主题 的 效果 ， 如 图 4-48 所 示 。 
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手 沁 下 上 趟 六 一 山 y 没 


4.3.3 “楼盘 广告 的 构图 方式 


本 案例 的 构图 方式 为 左右 构图 ， 标 志 标 题 和 信 
息 都 分 布 在 左 侧 偏 中 心 的 位 置 ， 而 图 像 分 布 在 右 侧 
的 位 置 ， 左 右 构图 可 以 不 用 完全 对 称 。 


4.3.4 ”同类 作品 欣赏 


凑 乓 械 doUSo}oud 示 准 刁 这 


eT | 
2 


商业 豪宅 全 面 招商 # 


市 中 心 ” 首席 玄关 大 这 “元 也 绽 


400-8888-6667 
由 > 


使 用 “ 置 入 嵌入 对 象 ” 命 令 置 入 素材 ; 

使 用 “色相 /饱和 度 ” 命 令 调整 图 像 的 颜色 
使 用 “渐变 填充 工具 ”填充 渐变 色 ; 
4.3.5 ”项目 实战 使 用 “变形 ”命令 调整 图 形 的 形状 ; 

使 用 “添加 蒙 版 ”设置 蒙 版 效果 ; 

使 用 “钢笔 工具 ”创建 路 径 ; 


本 案例 首先 置 入 图 像 并 调整 图 像 的 颜色 ， 填 充 使 用 “转换 点 工具 ”调整 路 径 ， 
渐变 色 ， 调 整 图 形 的 形状 ， 设 置 蒙 版 效果 ， 然 后 创 使 用 “镜头 光量 ”命令 设置 光量 效果 ; 
建 路 径 并 调整 路 径 ， 最 后 创建 文字 注释 并 设置 文字 使 用 “ 横 排 文 字 工具 ”创建 文字 ; 


的 金属 质感 ， 如 图 4-49 所 示 。 使 用 “图 层 样 式 ” 设 置 文 字 的 金属 质感 。 


画 ”操作 步骤 
运行 Photoshop 软 件 ， 在 “欢迎 ”界面 中 单 


of 


“新 建 ”按钮 ， 在 弹出 的 “新 建文 档 ” 对 话 ， 


框 中 设置 “宽度 ”为 180 厘 米 、“ 高 度 ”为 6 
厘米 ， 设 置 “分 辨 率 ” 为 100 像 素 / 英 寸 ， 单 刘 
“创建 ”按钮 ， 如 图 4-50 所 示 。 
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图 4-50 


在 菜单 栏 中 选择 “文件 > 置 入 嵌入 对 象 ”命令 ， 
在 弹出 的 “ 置 入 嵌入 的 对 象 ”对 话 框 中 选择 随 


Hr © 


书 配 备 资源 中 的 “背景 .png” 文 件 ， 单 击 “ 置 | 


入 ”按钮 ， 如 图 4-51 所 示 。 
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置 入 素材 到 舞台 后 ， 调 整 素材 的 大 小 , 如 ， 


图 4-52 所 示 。 


图 4-52 
人 低 技 Ctrl+U 组 合 键 ， 在 弹出 的 “色相 /饱和 度 ” 


对 话 框 中 调整 参数 ， 设 置 着 色 效果 ， 如 图 4-53 
所 示 。 


有 员 泪 预览 (p) 


图 4-53 


调整 背景 的 色彩 后 ， 使 用 “移动 工具 ”中 , 按 住 
Alt 键 ， 移 动 复制 素材 ， 如 图 4-54 所 示 。 


图 4-54 
在 菜单 栏 中 选择 “文件 > 置 入 嵌入 对 象 ”命令 ， 
在 弹出 的 “ 置 入 嵌入 的 对 象 ”对 话 框 中 选择 随 
书 配 备 资源 中 的 “建筑 .png” 文 件 ， 单 击 “ 置 
入 ”按钮 ， 如 图 4-55 所 示 。 
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图 4-55 


(人 在 菜单 栏 中 选择 “文件 > 置 入 嵌入 对 象 ”命令 ， 

在 弹出 的 “ 置 入 嵌入 的 对 象 ”对 话 框 中 选择 随 
书 配备 资源 中 的 “ 树 .png” 文 件 ， 单 击 “ 置 入 ” 
按钮 ， 在 舞台 中 调整 建筑 和 树 以 及 图 层 ， 如 
图 4-56 所 示 。 
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4-56 
具 箱 中 单 击 “渐变 


人 @ 震 


具 ” 按 钮 图 ,， 在 工 


具 属 性 栏 中 单 击 渐变 色 块 ， 在 弹出 的 “渐变 编 


辑 器 ”对 话 框 中 设置 渐变 ， 第 一 个 色 标的 RGB 


为 197、239、253， 第 二 个 色 标 的 RGB 为 11、 
197、248， 第 三 个 色 标的 RGB 为 34、45、101， 
单 击 “ 确 定 ”按钮 ， 如 图 4-57 所 示 。 
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图 4-57 
层 ”面板 中 创建 新 图 层 ， 使 用 “渐变 工 
下 向 上 填充 渐变 ， 如 图 4-58 所 示 。 


加 许 
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图 4-58 


按 Ctrl+J 组 合 键 ， 复 制 变形 后 的 图 像 ， 如 图 4- 
所 示 ， 调 整 到 变形 图 层 的 下 方 。 
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于 4-60 

在 菜单 栏 中 选择 “ 滤 镜 > 模糊 > 高 斯 模糊 ” 
令 ， 在 弹出 的 “高 斯 模糊 ”对 话 框 中 设置 合 
的 参数 ， 单 击 “确定 ”按钮 ， 如 图 4-61 所 示 。 
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NS 


《@ 在 菜单 栏 中 选择 “编辑 > 变换 > 变形 ”命令 ， 使 
月 变形 命令 调整 图 像 的 形状 ， 如 图 4-59 所 示 。 


图 4-61 
人 设置 术 寡 后 的 效果 图 4-62 所 示 。 


在 菜单 栏 中 选择 “文件 > 置 入 嵌入 对 象 ”命令 ， 
在 弹出 的 “ 置 入 嵌入 的 对 象 ”对 话 框 中 选择 随 
书 配备 资源 中 的 “建筑 装饰 .png” 文 件 ， 单 击 
“ 置 入 ”按钮 ， 如 图 4-63 所 示 。 
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鼠标 右 击 图 层 ， 在 弹出 的 快捷 菜单 中 选择 “ 栅 
格 化 ”命令 ， 栅 格 化 图 层 。 使 用 “多 边 形 套 索 
工具 ” 别 ., 选 择 一 处 的 建筑 装饰 区 域 ， 按 Ctrl+J 
组 合 键 ， 复 制 选区 中 的 图 像 到 新 的 图 层 中 ， 并 
设置 图 层 的 “不 透明 度 ” 为 50%， 按 Ctrl+U 组 
合 键 ， 在 弹出 的 “色相 /饱和 度 ” 对 话 框 中 设置 
“明度 ”为 -44， 如 图 4-64 所 示 。 


使 用 同样 的 方法 制作 另外 两 个 区 域 的 倒影 ， 


置 入 “水 波 .png” 素 材 文件 ， 将 其 放置 到 
“建筑 装饰 ”图 层 的 下 方 ， 按 住 Ctrl 键 ， 单 击 
“图 层 1” 缩 览 图 ， 将 其 载 入 选区 ， 如 图 4-65 


所 示 。 


创建 选区 后 ， 确 定 “ 水 波 ” 图 层 处 于 选择 状 
态 ， 在 “图 层 ” 面 板 底部 单 击 “添加 图 层 
版 ”按钮 加， 创建 蒙 版 ， 如 图 4-66 所 示 。 


斌 
间 


使 用 “钢笔 工具 ”分 .在 如 图 4-67 所 示 的 位 置 创 


在 工具 箱 中 单 击 “ 渐 变 工具 ”按钮 图 ,， 在 工具 


属性 栏 中 单 击 渐变 色 块 ， 在 弹出 的 “渐变 编辑 
器 ”对 话 框 中 设置 渐变 ， 第 一 个 色 标 的 RGB 为 
19、51、167， 第 二 个 色 标 的 RGB 为 4、4、39， 
第 三 个 色 标 的 RGB 为 0、7、43， 单 击 “ 确 定 ” 
按钮 ， 如 图 4-68 所 示 。 
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图 4-68 
人 创建 路 径 后 按 Ctrl+Enter 组 合 刍 ， 往 路 径 载 入 选 
区 ， 新 建 一 个 图 层 ， 使 用 “渐变 工具 ”按钮 图 . 
下 向 上 进行 填充 ， 如 图 4-69 所 示 。 


图 4-69 
人 创建 趴 充 后 ， 按 Ctrl+D 组 合 键 取 消 选区 的 选 
择 ， 按 住 Ctrl 键 单 击 “ 图 层 1” 前 的 缩 览 图 ， 将 
其 载 入 选区 ， 再 返回 到 填充 后 的 图 层 ， 单 击 图 
层 下 的 “添加 图 层 蒙 版 ”按钮 回 ， 设 置 遮 音效 
果 ， 如 图 4-70 所 示 。 
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图 4-70 
人 新建 一 个 图 层 ， 并 填充 黑色 ， 如 图 4-71 所 示 。 
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图 4-71 

在 菜单 栏 中 选择 “ 滤 镜 > 泻 染 > 镜头 光 旱 ” 命 
令 ， 在 弹出 的 “镜头 光 晕 ”对 话 框 中 设置 合适 
的 参数 ， 单 击 “ 确 定 ”按钮 ， 如 图 4-72 所 示 。 
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人 设置 镜头 光 时 图 层 的 混合 模式 为 “ 变 亮 ”， 并 
调整 图 层 的 位 置 ， 按 Ctrl+T 组 合 键 ， 使 用 “ 自 
变换 ”调整 素材 的 大 小 和 位 置 ， 如 图 4-73 所 示 。 
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创建 新 图 层 ， 使 用 “椭圆 形 工具 ”所 .， 在 舞台 在 “图 层 ”面板 中 双击 文字 注释 ， 在 弹出 的 
中 创建 多 个 顶 圆 图 形 ， 并 填充 和 白色， 设置 图 层 “图 层 样式 ”对 话 框 中 勾 选 “ 渐 变 丰 加” 复 选 
的 不 透明 度 ， 合 适 即 可 ， 如 图 4-74 所 示 。 框 ， 在 右 侧 的 面板 中 设置 渐变 一 加 的 参数 ， 如 


习 4-78 所 示 。 


在 舞台 中 复制 云彩 效果 ， 如 图 4-75 所 示 。 


继续 勾 选 “投影 ” 复 选 框 ， 设 置 合适 的 参数 ， 
如 图 4-79 所 示 。 
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在 菜单 栏 中 选择 “文件 > 置 入 嵌入 对 象 ”命令 ， 
在 弹出 的 “ 置 入 嵌入 的 对 象 ”对 话 框 中 选择 CEE: a 


随 书 配 备 资源 中 的 “ 标 .png” 文 件 ， 单 击 “ 置 
入 ”按钮 ， 如 图 4-76 所 示 。 按 住 Ctl 键 ， 单 击 文字 前 的 T 字 ， 将 文字 载 入 选 
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区 ， 单 击 “ 图 层 ” 面 板 底 部 的 “创建 新 的 填充 或 
调整 图 层 ”按钮 9.， 在 弹出 的 菜单 中 选择 “色彩 


平衡 ”命令 ,设置 合适 的 参数 ， 如 图 4-80 所 示 。 
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蕊 局 图 层 7 拷贝 


调整 后 的 效果 如 图 4-81 所 示 。 


全 面 招 阐 


使 用 同样 的 方法 继续 创建 文字 ， 如 图 4-82 所 示 。 
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优秀 作品 欣赏 


海报 也 称 为 宣传 画 ， 是 一 种 吸引 人 注意 的 张贴 图 像 ， 是 日 常生 活 中 最 
为 常见 的 广告 信息 传达 方式 之 一 。 海 报 的 内 容 广泛 丰富 ， 既 可 以 作为 商业 宣 
传 也 可 以 作为 公益 用 途 ， 其 艺术 表现 力 独特 、 视 觉 冲 击 力 强 烈 。 

本 章节 主要 分 析 和 介绍 海报 的 设计 和 一 些 相关 内 容 。 


海报 概述 早 的 招贴 广告 出 现 于 宋朝 ， 当 初 主要 张贴 一 

些 官 家 公告 信息 ， 这 种 招贴 方式 延续 至 今 。 招 贴 设 

计 相 比 于 其 他 设计 而 言 ， 其 内 容 更 加 广泛 且 丰 富 、 

海报 是 张贴 在 公共 场合 中 吸引 人 们 注意 的 一 种 ， 艺术 表现 力 独特 、 创 意 独特 、 视 觉 冲 击 力 非常 强 

广告 形式 ， 作 为 传播 信息 的 广告 媒介 形式 ， 多 张贴 ， 烈 。 招 贴 主要 扮演 推销 员 的 角色 ， 代 表 了 企业 产品 

于 闹市 街头 、 公 路 、 车 站 、 机 场 等 公共 场景 中 ， 引 | 的 形象 ， 可 以 提升 竞争 力 并 且 极 具 审 美 价值 和 艺术 
导 大 众 参与 其 广告 中 的 活动 。 价值 ， 如 图 5-1 所 示 。 

海报 最 早 可 追溯 到 埃及 的 寻 人 广告 ， 在 我 国 最 


5.1:1 海报 的 常见 类 型 La fi 
低 碳 生活 ,xf 
招贴 海报 广告 按 主 题 可 分 为 以 下 三 类 。 Se 
(1) 公益 招贴 海报 : 例如 社会 公益 、 社 会 政 
治 、 社 会 活动 等 用 以 宣传 推广 节日 、 活 动 、 社 会 公 
众 关 注 的 热点 或 社会 现象 以 及 政府 的 某 种 观点 、 立 
场 、 态 度 等 的 招贴 ， 属 于 非 营利 性 宣传 ， 如 图 5-2 
所 示 。 忆 
(2) 商业 招贴 海报 : 包括 各 类 产品 信息 、 企 7 你 美 了 ， 它 们 呢 作 
业 形 象 和 商业 服务 等 ， 主 要 用 于 宣传 产品 而 产生 一 
定 的 经 济 效 益 ， 以 鼻 利 为 主要 目的 ， 如 图 $-3 所 示 。 


蒜 招 避 dousoloUd 荣 半 午 


洲 丰 滔 询 


(3) 主题 招贴 海报 : 主要 是 满足 人 类 精神 层 
次 的 需要 ， 强 调教 育 、 欣 赏 、 纪 念 ， 用 于 精神 文化 
生活 的 宣传 ， 包 括 文学 艺术 、 科 学 技术 、 广 播 电 视 
等 招贴 ， 如 图 5-4 所 示 。 


loso 


| 5.1.2 “招贴 海报 的 构成 要 素 


招贴 海报 的 构成 要 素 主 要 有 以 下 几 种 。 

(1) 图 像 : 图 像 是 招贴 海报 中 重要 的 “视觉 
语言 ”， 在 大 多 数 海报 作品 中 ， 图 像 都 占有 重要 的 
地 位 。 图 像 具 有 吸引 受众 注意 广告 版 面 的 “吸引 ” 
功能 ， 可 以 把 受众 的 视线 引 至 文字 的 “诱导 ”上 。 


(2) 标志 : 标志 在 商业 海报 广告 中 是 品牌 的 
象征 ， 标 志 的 出 现 是 塑造 商品 、 企 业 的 最 可 靠 的 保 
证 ， 使 消费 者 可 以 很 快 识别 商品 。 

(3) 文字 : 文字 的 使 用 能 够 直接 快速 地 点 明 
主题 。 在 招贴 设计 中 ， 文 字 的 选用 十 分 重要 ， 应 精 
简 而 独到 地 阐释 设计 主旨 。 字 体 的 表现 形式 也 非常 
重要 ， 对 于 字体 、 字 号 的 选用 是 十 分 严格 的 ， 不 仅 
仅 要 突出 设计 理念 ， 还 要 与 画面 风格 匹配 ， 形 成 协 
调 的 版 面 。 

(4) 留 白 : 在 一 般 情 况 下 ， 人 们 只 对 广告 上 
的 图 形 和 文字 感 兴趣 ， 至 于 空白 则 很 少 有 人 去 注 
意 。 但 实际 上 ， 正 因为 有 了 空白 才 使 得 图 形 和 文字 
显得 突出 。 

(5) 广告 语 ; 广告 语 ， 又 称 广告 词 。 广 义 的 是 
指 通 过 各 种 传播 媒体 和 招贴 形式 向 公众 介绍 商品 、 
文化 、 娱 乐 等 服务 内 容 的 一 种 宣传 用 语 ， 包 括 广告 
的 标题 和 广告 的 正文 两 部 分 。 狭 义 的 是 指 通过 宣传 
的 方式 来 扩大 企业 的 知名 度 。 广 告 语 也 是 市 场 营销 
中 必 不 可 少 的 使 商家 获得 利润 的 手段 及 方式 。 


5.1.3“ 招 贴 海报 的 创意 手法 


招贴 海报 的 创意 手法 主要 有 以 下 几 种 。 

(1) 展示 : 展示 -种 最 为 常见 的 手法 
展示 是 指 直接 将 商品 展示 在 消费 者 的 面前 ， 给 人 以 
逼真 的 感受 ， 使 消费 者 对 所 宣传 的 产品 有 一 种 亲切 
感 和 信任 感 ， 如 图 5-5 所 示 。 

(2) 联想 : 联想 是 指 由 某 一 事物 而 想到 另 一 
事物 ， 或 是 由 某 事 物 的 部 分 相似 点 或 相反 点 而 与 另 
一 事物 相 联系 。 联 想 分 为 类 似 联 想 、 接 近 联 想 、 因 
果 联 想 、 对 比 联 想 等 。 在 招贴 海报 设计 中 ， 联 想法 
是 最 基本 也 是 最 重要 的 一 个 手法 ， 通 过 联想 事物 的 
特征 ， 并 通过 艺术 的 手段 进行 表现 ， 使 信息 的 传达 
委婉 而 具有 趣味 性 ， 如 图 5-6 所 示 。 


(3) 比喻 : 比喻 是 将 某 一 事物 比 作 另 一 事物 
以 表现 主体 的 本 质 特 征 的 方法 。 比 喻 法 间接 地 表现 
了 作品 的 主题 ， 具 有 一 定 的 神秘 性 ， 充 分 地 调动 了 
观 者 的 想象 力 ， 更 加 耐人寻味 ， 如 图 5-7 所 示 。 

(4) 象征 : 象征 是 用 某 个 具体 的 图 形 表 
种 抽象 的 概念 ， 用 象征 物 去 反映 相似 的 事物 从 而 表 


达 一 种 情感 。 象 征 是 一 种 间接 的 表达 ， 强 调 一 种 意 
象 ， 如 图 5-8 所 示 。 


(5) 拟人 : 拟人 是 将 动物 、 植 物 、 自 然 物 、 
建筑 物 等 生物 和 非 生物 赋予 人 类 的 某 种 特征 ， 将 其 
人 格 化 ， 从 而 使 整个 画面 形象 生动 。 在 招贴 设计 中 
经 常会 用 到 拟人 的 表现 手法 ， 与 人 们 的 生活 更 加 贴 
切 ， 不 仅 能 吸引 观 者 的 目光 ， 更 能 拉 近 与 观 者 的 距 
离 ， 更 具 亲 近 感 ， 如 图 5-9 所 

(6) 夸张 : 夸张 是 依据 事物 原 有 的 自然 属性 
条 件 而 进行 进一步 的 强调 和 扩大 ， 或 通过 改变 事 
物 的 整体 、 局 部 特征 更 鲜明 地 强调 或 揭示 事物 的 
实质 ， 而 创造 一 种 意 想 不 到 的 视觉 效果 ， 如 图 5-10 
所 示 。 


种 较为 轻松 的 表达 方式 传达 作品 的 主题 ， 画 面 轻松 
愉悦 ， 却 又 意味 深长 ， 如 图 $-11 所 示 。 
(8) 讽刺 : 讽刺 是 运用 夸张 、 比 喻 等 手法 揭 


露 人 或 事 的 缺点 。 讽 刺 有 直 讽 和 反讽 两 种 类 型 ， 
直 讽 手法 直 抒 胸 腾 ， 鞭 的 丑恶 ; 而 反讽 的 运用 则 


更 容易 使 主题 的 表达 独 具 特 色 ， 更易 打 动 观 者 的 
内 心 ， 如 图 5-12 所 示 。 


(9) 重复 : 重复 是 使 某 一 事物 反复 出 现 ， 从 
而 起 到 一 定 的 强调 作用 ， 如 图 5-13 所 示 。 
(10) 了 矛 居 : 矛盾 空间 是 指 在 二 维 空间 表 


现 出 一 种 三 维 空间 的 立体 形态 。 其 利用 视点 的 转换 
和 交替 ， 显 示 一 种 模棱两可 的 画面 ， 给 人 造成 空间 
的 混乱 。 了 矛盾 空间 是 一 种 较为 独特 的 表现 手法 ， 往 
往 会 使 观 者 久久 驻足 观看 ， 如 图 5-14 所 示 。 


因 


5.1.4 “招贴 海报 的 表现 形式 


招贴 海报 的 表现 形式 主要 有 以 下 几 种 。 

(1) 摄影 : 摄影 是 海报 最 常见 的 一 种 表现 形 
式 ， 主 要 以 具体 的 事物 为 主 ， 如 和 人物、 动物 、 植 物 
等 。 摄 影 表现 形式 的 招贴 多 用 于 商业 宣传 。 通 过 摄 


徐 测 半 泌 加 沪 这 灯 后 融 doUSO}l0Ud 雪 半生 


影 获取 图 形 要 素 再 进行 后 期 的 和 
贴 更 具有 现实 性 、 直 观 性 。 

(2) 绘画 : 在 数字 技术 并 不 发 达 的 年 代 ， 招 
贴 往往 需要 通过 在 纸张 上 作 夯 来 实现 。 通 过 绘画 所 
获得 的 图 形 元 素 更 加 具有 创造 性 。 绘 画 本 身 具 有 很 
高 的 艺术 价值 ， 在 招贴 设计 中 使 用 绘画 的 表现 形 
式 ， 是 一 种 将 设计 与 艺术 完美 相 融 的 表现 。 

(3) 电脑 设计 与 合成 : 电脑 设计 所 表现 的 图 
形 元 素 更 具 原创 性 、 独 特性 。 既 可 以 利用 数字 技 
术 完 成 招贴 画面 的 设计 ， 也 可 以 结合 数码 照片 来 
实现 创意 的 表达 ， 是 绝 大 多 数 招贴 设计 所 采用 的 
手段 。 


j 作 加 工 ， 这 样 的 招 


5 .2 商业 案例 一 -旅游 海报 设计 ) 
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|5.2:1 设计 思路 

国 ”案例 类 型 A 
本 案例 为 旅游 公司 的 一 款 江南 行 。 ”车 视频 

海报 。 

加 ”项目 诉 求 


春暖 花 开 ， 是 出 行 的 好 季节 ， 在 这 个 季节 公司 


图 ”设计 定位 

根据 客户 需求 ， 我 们 初步 定义 为 一 款 现代 中 
式 的 海报 效果 ， 在 海报 的 底部 我 们 将 根据 客户 需 
ne 装 
饰 丰富 一 下 画面 。 


| 5.2.2 “旅游 海报 的 构图 方式 


本 案例 会 采用 中 心 构图 方式 ， 将 主要 内 容 放置 
到 中 心 位 置 ， 将 其 他 内 容 根据 安排 依次 进行 上 下 排 
列 ， 这 样 的 构图 方式 会 吸引 人 们 的 眼光 到 突出 的 中 
心 标题 处 。 


| 5.2:3” 同类 作品 欣赏 


| 5.2.4 “项目 实战 


图 ”制作 流程 


本 案例 首先 置 入 素材 并 谈 住 不 自然 的 边缘 ， 


将 推出 畅游 江南 的 七 日 游 项 目 ， 并 想 在 海报 上 放 
些 江南 的 古镇 照片 ， 着 重 突出 古镇 的 特色 。 
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调整 明暗 层次 ; 然后 创建 矩形 ， 设 置 描 边 ;最 
后 创建 文字 注释 ， 设 置 图 层 样式 效果 ， 如 图 $-15 
所 示 。 
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logo omcomwwm 全 logo emcowam 和 


六 


洋 窑 点 


“ 置 入 嵌入 对 象 ”命令 置 入 素材 ; 


“添加 图 层 蒙 版 ” 遮 住 不 自然 的 边缘 ; 
“ 色 阶 ” 命 令 调整 明暗 层次 ; 


图 层 的 混合 模式 调整 出 合适 的 混合 效果 ; 
“矩形 选 框 工具 ”创建 矩形 ; 
昌 “ 描 边 ”命令 设置 描 边 ; 
“ 横 排 文字 工具 ”创建 文字 注释 ; 
“图 层 样 式 ” 设 置 图 层 样 式 效果 ; 


“和 拢 形 工具 ”创建 红色 的 无形 文字 背景 。 


+ 


国 ”操作 步骤 
运行 Photoshop 软 件 ， 在 “欢迎 ”界面 中 单 击 
“新 建 ” 按 钮 ， 在 弹出 的 “新 建文 档 ” 
框 中 设置 “宽度 ”为 60 厘 米 、“ 高 度 ” 为 90 厘 
米 ， 设 置 “ 分 辩 率 ”为 72 像 素 /英寸 ， 单 击 “ 创 
建 ” 按 钮 ， 如 图 5-16 所 示 。 


wa 而 


四 BE Cir | N+ Ng ER Wor 


让 我 们 开始 新 事物 吧 。 


Bx 

由 于 海报 的 尺寸 较 大 ， 因 而 需要 较 大 的 内 存 ， 
尺寸 的 大 小 是 根据 客户 需求 来 设 定 的 ， 这 里 我 们 设 
置 了 一 个 较 小 的 分 辨 率 ， 若 打印 大 图 会 较 模糊 ， 所 


以 在 制作 海报 时 尺寸 需要 较 大 的 参数 ， 和 否则 打印 的 
效果 会 失真 。 
在 菜单 栏 中 选择 “文件 > 置 入 伐 入 对 象 ”命令 ， 
在 弹出 的 “ 置 入 财 入 的 对 象 ”对 话 框 中 选择 随 
书 配备 资源 中 的 “旅游 背景 .png” 文 件 ， 单 击 
“ 置 入 " 


钮 ， 如 图 5-17 所 示 。 


GO 


=-[e‖ tye 


组 织 ” 新 建文 4 实 "He@ | 
EF 加 
小 去 .> 
国 检 。 
EE | PSD ® 四 
1 CE | 
卓 计 算 机 | 
吉本 aac) | ll 
3 本 堵 辜 盘 (D:) 
GE) psp PSD PSD 
呈 本 地 砧 查 (F) 
mA 加 “DR TR EE -| 
amen i -Eee | 
至 
图 5-17 
置 入 素材 背景 后 ， 调 整 大 小 与 舞台 大 小 相同 只 


可 ， 如 图 5-18 所 示 。 
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基山 9 尘 


报 
设 


计 


上 


em: om rarorus | | 


图 5-18 
了 一 | 
3 贺 置 入 素材 后 的 提示 | 
轩 置 入 素 村 后， 会 在 舞台 中 出 现 控 制 手柄 ， 可 以 | 
天 。 对 时 入 的 素 村 大 小 进行 调整 ， 调 整 后 按 Enter 键 确 | 
岳 。 认 。 如 果 需 要 对 其 进行 其 他 效果 的 处 理 ， 需 要 将 置 | 
网 | 。 入 的 图 层 “ 栅 格 化 ”之 后 才 可 以 调整 。 
| 
时 

图 (在 菜单 栏 中 选择 “文件 > 置 入 说 入 对 象 ”命令 ， 

在 弹出 的 “ 置 入 嵌入 的 对 象 ”对 话 框 中 选择 随 
入 书 配备 资源 中 的 “江南 jpg” 文 件 ， 单 击 “ 置 ee 


入 ” ， 如 图 5-19 所 示 。 
较 乌 各 图 19 所 不 人 可 8 阶 后 的 效果 如 图 5-23 所 示 。 


[EE=E TE mE 
BR ” 。 新 建文 人 夫 a" B® 
EET 向 
| Nar 吕 
和 
志和 J 国 | psD ° | | 
新 建交 加 BR 
师 计算 人 | | 
站 omacc) 上 晤 | 
a a (D0) 
eR (E) 天 PS PS[ | 
本 (P) | 
ia EL Te Er | 
文件 SIN 江南。 -tt =- | 
a) | | 
| 
a | 
图 5-19 | 


人 @@ 调整 秆 入 图 像 的 大 小 和 位 置 ， 如 图 5-20 所 示 。 
在 “图 层 ”面板 中 单 击 “ 添 加 图 层 蒙 版 ”按钮 
口 ， 创 建 蒙 版 ， 设 置 前 景色 为 黑色 ， 使 用 “ 画 
笔 工 具 ” .设置 合适 的 柔 边 画笔 ， 在 蒙 版 图 层 
上 绘制 ， 绘 制 的 区 域 将 会 被 庶 曙 掉 ， 如 图 5-21 
所 示 。 

设置 菜 版 后 ， 将 图 像 图 层 “ 栅 格 化 ”， 选 择 

像 前 的 缩 览 图 ， 按 Ctrl+L 组 合 键 ， 在 弹出 的 

“ 色 阶 ”对 话 框 中 调整 色 阶 参数 ， 如 图 5-22 所 

示 ， 单 击 “ 确 定 ” 按 钮 。 


图 5-23 
在 菜单 栏 中 选择 “文件 > 置 入 幢 入 对 象 ”命令 ， 
在 弹出 的 “ 置 入 嵌入 的 对 象 ” 对 话 框 中 选择 
随 书 配备 资源 中 的 “ 山 .psd” 文 件 ， 单 击 “ 置 
入 ”按钮 ， 如 图 5-24 所 示 。 
置 入 素材 后 ， 在 舞台 中 调整 其 位 置 和 大 小 ， 如 
图 5-25 所 示 。 


人 OO 设置 图 层 的 混合 模式 为 “正片 全 底 ”， 如 图 5-26 
所 示 。 


Den FS Wo GG zwee (O's ms [ellsswo 万 
2 ia BE* A@ 
a > EE 3 3 
贡生 直 F 
"上 国 国 -~ bas 国 国 
| es | 四 f | lL 
psD i PSD PSD PSD 
ER 四 | 
ED | wm 
图 5-24 图 5-29 
a 置 入 素材 后 ， 设 置 素材 的 混合 模式 为 “线性 
E33 二 
| 加 深 ”， 设 置 “ 不 透明 度 ” 为 20%， 如 图 5-30 
[ET BE mv 所 示 。 
WE: 回 /中 及 人 i: D0% ~ 有 a 
8 | 人 @ 他 设置 烟 的 效果 ， 如 图 5-31 所 示 。 
i | 二 | 
二 Pu -四 eraa。 
-是 和 -ee]- 
© [g Wena 多: 四 /中 生 和 二 Fi: 100% |- 
四 四 计量 a ay en on 
智 爱 疹 注 
© BE 王 
RA. “名 性。 
人 旅游 背 县 
为 “ 山 ” 图 层 创 建 莹 版 ， 使 用 “画笔 工具 ”Y. |。[|ss a 第 
绘制 遮 单 的 区 域 ， 设 置 图 层 的 “不 透明 度 " 为 | 名 
70%， 将 图 层 放置 到 江南 素材 图 层 的 下 方 ， 如 | < ee = | 海 
> 图 5- 图 5- 
图 5-27 所 示 。 设 


为 “ 烟 ” 图 层 创建 遮 罩 ， 在 烟 的 边缘 绘制 黑 ” 半 
色 ， 设 置 衔接 自然 的 效果 ， 如 图 5-32 所 示 。 
| 《他 设置 这 单 语 的 烟 效果 如 图 5-33 所 示 。 


《他 使 其 与 整个 画面 衔接 自然 即 可 ， 如 图 5-28 所 示 。 


[9 = 
人 


ED] ee) 
Pi ~ 加 GTHA® 


- 莉 加 om ET SE | | 
©| 智能 涉 错 久 放 :区 六 站 村 全 培 友 ; 100% ~ 
C= 三 ° Bw 汪 on 
-EE a | 
© | Wea Sem 司 中 
。 | | 让 a ° mu | F 
< | Ms | 
© 大 [Go. 四 日 全 背 录 a 泊 
图 5-27 图 5-28 二 i 二 
9 不 @. 自 司 低 
在 菜单 栏 中 选择 “文件 > 置 入 绕 入 对 象 ”命令 ， 
人 网 图 5-32 图 5-33 


在 弹出 的 “ 置 入 嵌入 的 对 象 ” 对 话 框 中 选择 
随 书 配备 资源 中 的 “ 烟 psd" 文件 , 单 击 ' 置 ” 仿 
入 ”按钮 ， 如 图 5-29 所 示 。 | 


在 菜单 栏 中 选择 “文件 > 置 入 嵌入 对 象 ”命令 ， 
在 弹出 的 “ 置 入 嵌入 的 对 象 ”对 话 框 中 选择 
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随 书 配备 资源 中 的 “ 画 探头 .png” 文 件 ， 单 
“ 置 入 ”按钮 ， 如 图 5-34 所 示 。 


of 


人 确定 描 边 后 的 图 层 处 于 选择 状态 ， 按 Delete 
键 ， 删 除 选区 中 的 描 边区 域 ， 按 Ctrl+D 组 合 
键 ， 取 消 选 区 的 选择 ， 按 Ctrl+J 组 合 键 ， 复 制 描 
边 的 图 层 ， 按 Ctrl+T 组 合 键 ， 调 整 其 大 小 ， 如 
图 $-39 所 示 。 


人 MO 守信 素材 后 ， 将 其 放置 到 左上 角 ， 调 整合 适 的 
大 小 ， 如 图 5-35 所 示 。 
使 用 “矩形 选 框 工具 ”23,， 在 舞台 中 如 图 5-36 
所 示 的 位 置 创 建 矩 形 选 


训 兰 朗 避 doUusolouUd 芝 将 丑 


项 轩 忆 
目 T 局 万 站 加 @TDaB。e 
设 \ 赃 合 环 ~ 不 明度: 100% |~ 
加 -过 全 
到 
解 。 国 要 
. :i I Ee 
of | wen 
© BM 去 
。 国 : 加 4 
= 图 mw 


图 5-35 图 5-36 
创建 一 个 新 的 图 层 ， 在 菜单 栏 中 选择 “编辑 > 描 
边 ” 命 令 ， 在 弹出 的 “ 描 边 ”对 话 框 中 设置 合 


设置 复制 出 的 内 侧 描 边 图 层 的 “不 透明 度 ” 为 
50%， 如 图 5-40 所 示 。 


适 的 参数 和 颜色 ， 如 图 5-37 所 示 。 E 
es: 国 国 | 取消 。 症 酉 ! 
位 置 全 里: 洒 商 © 
内 (0 癌 居中 (C) 口 居 外 ee _ 
二 模式 (M): 正常 EE EE | 国 : 晶 bs 
不 通明 度 (0): 100 | % 国 mx 
口 保留 适 明 区 域 尼 ) =。 围 s 赐 a 
= NN 
图 5-37 -40 
合 技 Ctrl+D 组 合 键 取消 选区 的 选择 ， 按 住 Shift 使 用 “ 横 排 文字 工具 ”TT, 在 舞台 中 分 别 创建 
键 ， 使 用 “ 拢 形 选 框 工 具 ” 纪 .创建 如 图 5-38 所 “ 畅 ”“ 游 ”两 个 字 ， 调 整 文字 的 位 置 ， 如 


示 的 选区 。 图 5-41 所 示 。 
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例 继续 使 用 “ 横 排 文 字 工 具 ” 了 .创建 文字 , 如 | 
图 5-42 所 示 。 | 


Es 


和 | 


用 


让: 四 中 目 Re 


区 


> 工 序 (。 :二 


| 
| 
Wu 
EE or 


图 5-45 
图 5-42 | 3 125 “ 横 排 文字 工具 ”了 T.,， 创 建文 字 ， 如 图 $-46 


在 菜单 栏 中 选择 “文件 > 置 入 嵌入 对 象 ”命令 ， re 


在 弹出 的 “ 置 入 嵌入 的 对 象 ” 对 话 框 中 选择 随 | 
书 配备 资源 中 的 “燕子 psd” 文件 , 单 击 “ 置 | 
入 ”按钮 ， 如 图 5-43 所 示 。 | 


半 疯 满 矿 ” 需 S 洲 


[eS EE ORDER 
刘 R ” 。 新 建文 伯 交 > 加 全 
Ce a 
用 下载 
EM 
二 国 国 国 
国 3 
局 四 上 PSD psD psD 
Eb i pr | 
l ES5EE| Re 
- |@@ 在 "图 层 ' 面板 中 选择 “畅游 江南 ”四 个 字 的 
图 5-43 i > 一 
| 图 层 ， 将 其 放置 到 同一 个 图 层 组 中 ， 如 图 5-47 
在 舞台 中 调整 六 了 素材 的 位 置 和 大 小 ， 如 图 $44 ， 所 示 
Se 0 | 全 双击 图 层 组 ， 在 弹出 的 “图 层 样式 ”对 话 框 中 
?| 选择“ 描 边 "样式 ,在 右 侧 设置 合适 的 描 边 参 


图 5-45 所 示 。 


数 ， 如 图 5-48 所 示 。 
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图 5-48 
选择 “投影 ”样式 ， 在 右 侧 的 参数 设置 面板 中 
设置 合适 的 参数 ， 如 图 5-49 所 示 。 


088 


图 5-49 


多 全 “ 圆 角 和 矩形 工具 ” 回 .， 在 舞 全 中 创建 圆 
和 矩形， 在 工具 属性 栏 中 设置 填充 为 暗 红色 ， 设 
置 描 边 为 无 ， 如 图 5-51 所 示 。 


图 5-51 
多 对 回 角 矩形 进行 复制 ， 如 图 5-52 所 示 。 


小 全: | 一 加 
a 


这 本 明度 :100% 


™w 讲 E: 国 中 全 十 么 :100% 
~ 问 局 》 7 
™ ® T YoupcowphNy 


| a 
有 4 4 mm 大 D 口 @ 四 日 站 


全 使 用 “ 横 排 文字 工具 ”TT. 创 建 注释 文字 ， 如 
图 5-53 所 示 。 


Sm a 

cu 
Se 岂 J WE PE “morHae 

ES 下 第 不 汪 明 度 : 100% 
Ng m 本 名: 加 了 /中村 自 拓 :oo ~ 
Zr Ley © TT vouncommnr 


SC © T by 
NY) 于 TT | ata 
pm 月 
WA 令 ” 工 江南 的 周庄 、 同 旦 、 用 . 
一 
了 南 的 风 计 ， 同 是 . 用 丰 ， 否 焰 、 握 饥 ， 南 汪 古 优 @ 本 民 众 风情 
国 濡 七 日 浒 
sy 权 elo 工 历史 名 域 
p ; i : 
: 调 划 了 = 所 口 B 口 日 从 


图 5-53 
在 菜单 栏 中 选择 “文件 > 置 入 嵌入 对 象 ”命令 
在 弹出 的 “ 置 入 嵌入 的 对 象 ”对 话 框 中 选 
书 配备 资源 中 的 “印章 .psd” 文件， 单 击 
入 ”按钮 ， 如 图 5-54 所 示 。 


[ie 


ER 


图 5-54 
A Ay 如 图 5-55 所 示 。 


logo omcowPamv 


i 


图 5-55 
ME, 本 案例 制作 完成 。 


5.3 商业 案例 一 啤酒 节 海报 设计 


ET 
买 满 100 元 二 免费 洲 50 元 


| 5.3:1 设计 思路 


国 ”案例 类 型 

本 案例 是 一 款 介绍 啤酒 节 海 报 的 委 码 看 视频 
设计 。 
国 ”项 目 诉求 

要 求 设计 啤酒 节 海 报 ， 突 出 啤酒 ， 不 要 制作 得 
烦琐 凌乱 ， 因 为 海报 贴 出 来 是 夏季 ， 需 要 制作 一 些 
冰凉 凉 的 感觉 。 
图。 设计 定位 

根据 客户 需求 ， 我 们 将 主角 设 定 为 啤酒 ， 在 啤 
酒 下 方 采用 一 个 冰山 素材 ， 通 过 添加 一 些 装饰 素材 
合成 一 浮动 在 冰山 上 的 啤酒 海报 ， 重 点 是 突出 冰凉 
的 感觉 。 


| 5.3.2 配色 方案 


整体 方案 我 们 会 使 用 冷色 调 来 进行 制作 。 
国 ” 主 色 
主 色 使 用 蓝 色 ， 蓝 色 是 冷静 的 颜色 ， 通 过 使 


用 蓝 色 调 来 表现 冰山 和 海洋 的 色调 ， 如 图 5-56 所 
示 ， 尤 其 是 夏天 ， 太 多 热烈 的 颜色 会 使 人 产生 烦 
躁 和 反感 ， 所 以 我 们 以 简洁 的 构图 和 蓝 色 的 主 色 
来 制作 。 


色 是 最 为 纯净 的 颜 


公 
[ 
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半 获 满 矿 ” 需 9 溃 


荨 项 峭 淖 样 拘 四 与 言 关上 撤 碘 dodsolouyd 芝 省 千 


过 使 用 蓝 色 和 白色 进行 搭配 使 整个 画面 产生 梦幻 和 
冷静 的 效果 。 


| 5.3.3 “啤酒 节 海报 的 构图 方式 


本 案例 采用 上 下 构图 方式 ， 上 部 分 为 主 标题 ， 
中 间 主 角 图 案 为 分 割 部 分 ， 下 部 分 为 主要 的 信息 ， 
整个 构图 采用 了 对 称 和 均衡 的 构图 方式 。 


| 5.3.4 “同类 作品 欣赏 


名 此 3 


上 
DIU 


| 5.3.5 “项 目 实战 


图 ”制作 流程 

本 案例 首先 置 入 素材 图 像 并 调整 图 像 的 颜色 ， 
设置 自然 的 边缘 ;然后 创建 椭圆 选区 设置 选区 为 阴 
影 ， 设 置 模糊 的 图 像 ， 最 后 创建 部 分 冰山 区 域 并 复 
制 冰山 区 域 ， 创 建文 字 注 释 并 调整 文字 的 效果 ， 如 
图 5-57 所 示 。 
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QI 


下 济世 全 场 免 费 国 比 间 开始 
买 济 100 元 本 免责 进 50 元 


图 5-57 
加 ”技术 要 点 
使 用 “渐变 填充 ”填充 背景 ; 
使 用 “色彩 范围 ”选择 颜色 区 域 ; 
使 用 “ 置 入 嵌入 对 象 ”命令 置 入 素材 对 象 ; 
使 用 “色相 /饱和 度 ” 命 令 调 整 图 像 的 颜色 ; 
使 用 “添加 图 层 蒙 版 ”设置 自然 的 边缘 ; 
使 用 “椭圆 选 框 工具 ”创建 椭圆 选区 ; 
使 用 “高 斯 模糊 ”命令 设置 模糊 的 图 像 ; 
使 用 “镜头 光 晕 ”命令 设置 镜头 光 晕 效果 ; 
创建 文字 ， 并 使 用 “变形 文字 ”调整 文字 的 
效果 ; 
使 用 “图 层 样 式 ” 调 整 图 层 的 效果 。 
国 。 操作 步骤 
运行 Photoshop 软 件 ， 在 “欢迎 ”界面 中 单 击 
“新 建 ”按钮 ， 在 弹出 的 “新 建文 档 ” 对 话 
框 中 设置 “宽度 ”为 60 厘 米 、“ 高 度 ” 为 
厘米 ， 设 置 “ 分 辨 率 ” 为 150 像 素 /英寸 ， 单 击 
“创建 ”按钮 ， 如 图 5-58 所 示 。 
选择 “渐变 工具 ”图 ,， 在 工具 属性 栏 中 单 击 渐 
变色 块 ， 在 弹出 的 “渐变 编辑 器 ”对 话 框 中 设 
置 渐变 色 标 ， 第 一 个 色 标的 RGB 为 238、250、 
252， 第 二 个 色 标的 RGB 为 77、177、213， 第 


三 个 色 标 的 RGB 为 24、120、189， 如 图 5-59 
所 示 。 


入 ”按钮 ， 如 图 5-62 所 示 。 


图 5-62 
置 入 素材 后 ， 在 舞台 中 调整 其 大 小 和 位 置 ， 如 
图 5-63 所 示 。 


3 ET 
新 空 具 型 [TI): 实 诬 ~ 
平滑 广 (w): 1100 v 的 


放 明 度 ww。 % MP 
而 e 国 本 sc: 面 ]> Wr) 


图 5-59 


第 

人 @ 在 工具 属性 栏 中 单 击 “ 径 向 渐变 "按钮 回 ， 在 虽 
舞台 中 填充 径 向 渐变 ， 如 图 5-60 所 示 。 海 
创建 填充 后 ， 按 Ctrl+A 组 合 键 ， 全 选 舞 全 中 的 图 5-63 报 


人 @ 在 菜单 栏 中 选择 “文件 > 打开 ”命令 ， 在 弹出 ”图 
的 “打开 ”对 话 框 中 选择 随 书 配备 资源 中 的 
“ 云 jpg” 文 件 ， 单 击 “ 打 开 ” 按 钮 ， 如 图 5-64 
所 示 。 


图 像 ， 按 Ctrl+T 组 合 键 ， 调 整 渐变 背景 大 小 ， 
如 图 $-61 所 示 ， 按 Enter 键 确定 调整 自由 变换 ， 
按 Ctrl+D 组 合 键 取消 选区 的 选择 。 


图 5-60 图 5-61 
人 在 菜单 栏 中 选择 “文件 > 置 入 嵌入 对 象 ”命令 ， 
在 弹出 的 “ 置 入 嵌入 的 对 象 ”对 话 框 中 选择 随 
书 配 备 资源 中 的 “冰山 .psd” 文 件 ， 单 击 “ 置 


(打开 的 素材 如 图 5-65 所 示 。 


0 引 


按 Ctrl+T 组 合 键 ， 调 整 素材 的 大 小 ， 调 整 后 按 
Enter 键 ， 确 定 操作 。 
添加 云彩 后 ， 我 们 将 调整 云彩 的 蓝 色 以 符合 
海报 渐变 色 ， 按 Ctrl+U 组 合 键 ， 在 弹出 的 “ 色 
彩 /饱和 度 ” 对 话 框 中 调整 “色相 /饱和 度 ” 参 
数 ， 如 图 5-69 所 示 。 


人 在 天 六 中 这 择 “选择 > 色彩 范围 ”命令 ， 在 弹 | 
出 的 “色彩 范围 ”对 话 框 中 使 用 滴 管 工具 在 舞 


国 图 。 全 中 这 去 自 色 ， 单 击 “确定 " 按钮 ， 如 图 5-66 | 
类 版 所 示 。 
加 FRA MD) 
导 
2 一 
日 ! 图 5-69 
上 高 ”人 可 以 看 到 添加 的 云彩 素材 边缘 比较 生硬 ， 在 
家 “图 层 " 面板 底部 单 击 “ 添 加 图 层 蒙 版 。 按 
有 钮 ， 创 建 蒙 版 ， 使 用 “画笔 工具 "”;.， 设 置 
最 前 景色 为 黑色 ， 在 工具 属性 栏 中 设置 合适 的 画 
笔 参数 ， 在 生硬 的 边缘 涂抹 ， 设 置 出 柔和 的 边 
于 : 缘 ， 如 图 5-70 所 示 。 
所 图 5-66 


人 OQ 建 白色 的 区 域 ， 如 图 5-67 所 示 ， 按 Ctrl+C 组 
合 键 ， 复 制 选区 中 的 图 像 。 


| 这 :日 /$9 Mm 
a 
| 轩 沁 
| 


= A 回 9 日 日 全 


图 5-67 
人 @ 切换 到 海报 的 舞台 中 ， 按 Ctrl+V 组 合 键 ， 粘 贴 
到 舞台 中 ， 如 图 5-68 所 示 。 


图 5-70 


人 全 设置 云彩 边缘 效果 后 ， 设置 图 层 云彩 的 混合 模 
式 为 “ 滤 色 ”， 设 置 “ 不 透明 度 ” 为 60%， 使 
用 “多 边 形 套 索 工 具 ” 列 选择 部 分 云彩 区 域 ， 
按 Ctrl+C 和 Ctrl+V 组 合 键 ， 复 制 云彩 到 新 的 图 
层 中 ， 如 图 5-71 所 示 。 
在 菜单 栏 中 选择 “文件 > 置 入 嵌入 对 象 ”命令 ， 
在 弹出 的 “ 置 入 嵌入 的 对 象 ”对 话 框 中 选择 
随 书 配 备 资源 中 的 “啤酒 01.psd” 文 件 ， 单 击 
| “ 置 入 ”按钮 ， 如 图 5-72 所 示 。 
| 全 守信 素材 后 调整 其 大 小 ， 如 图 5-73 所 示 。 
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国 mypowloa 


图 5-73 


人 @ 调整 素材 后 ， er 鼠标 右 击 ， 

在 弹出 的 快捷 菜单 中 选择 “ 栅 格 化 图 层 ” 
命令 ， 选 择 其 中 一 个 啤酒 区 域 ， 按 Ctrl+X 和 
Ctrl+V 组 合 键 ， 剪 切 粘 贴图 像 到 新 的 图 层 中 ， 
如 图 $-74 所 示 。 

人 @ 按 CtrlHT 组 合 键 ， 调整 素材 的 角度 ， 使 用 同样 
的 方法 调整 另 一 个 啤酒 素材 的 角度 ， 如 图 5-75 
所 示 。 


| Ee = 
Pa -四 OOTHBS 
正 党 ~ 直通 明度 : 100% ~ 
久 主 :四 A 中 合十 和 ;100% ~ 


。* 国 
pr 
-日 = 


中 反 口 89. 口 日 站 


图 5-74 


人 在 菜单 栏 中 选择 “文件 > 置 入 颈 入 对 象 


图 5-75 


”他 人 
MM, 


在 弹出 的 “ 置 入 嵌入 的 对 象 ” 对 话 框 中 选择 


随 书 配备 资源 中 的 “啤酒 02.psd” 文 件 ， 单 击 


“ 置 入 ”按钮 ， 如 图 5-76 所 示 。 


清光 文件 寺村 ， 荔 四 训 WE E72 


加 ~ 


四 
国 @ 


文件 名 (Nj: 只 酒 02pd | 


图 5-76 


所 示 。 


人 M 于 和 作 素 材 后 ， 调整 素材 的 大 小 和 位 置 ， 如 图 5-77 


在 舞台 中 如 图 5$-78 所 示 的 位 置 ， 使 用 “创建 椭 
圆 选 框 工具 ”创建 椭圆 选区 ， 如 图 5-78 所 示 。 


图 5-78 
在 工具 箱 中 单 击 前 景色 ， 在 弹出 的 “ 拾 色 器 
( 前 景色 ) ”对 话 框 中 设置 前 景色 的 RGB 为 
19、49、89， 如 图 $-79 所 示 。 


人 @ 列 定 彬 回 选区 处 于 选择 状态 ， 在 “图 层 ” 面 板 
中 单 击 “ 创 建新 图 层 ” 按 钮 昌 ， 新 建 图 层 ， 
区 为 前 景色 ， 如 


按 Alt+Delete 组 合 键 ， 填 充 选 


子 交 着 茶山 9 光 


ee 


mornn® 
Y 不要 明度 : 100% ~ 
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| | 

OH: 215 度 L 20 
sz |% Ol 

B: [35 |% Ob: [28 
9 19 cl ]% 
9 49 M: i91 | 驳 


口 只 有 Web 颜色 


图 5-82 
在 菜单 栏 中 选择 “文件 > 置 入 嵌入 对 象 ”命令 ， 
在 弹出 的 “ 置 入 杠 入 的 对 象 ”对 话 框 中 选择 
随 书 配备 资源 中 的 “ 树 .psd” 文 件 ， 单 击 “ 置 
入 ”按钮 ， 如 图 $-83 所 示 。 
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图 5-79 
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图 5-80 
填充 选区 后 ， 按 Ctrl+D 组 合 键 ， 取 消 选 区 的 选 
择 ， 在 菜单 栏 中 选择 “ 滤 镜 > 模糊 > 高 斯 模糊 ” 命 
令 ， 在 弹出 的 “高 斯 模糊 ”对 话 框 中 设置 合适 的 
模糊 参数 ， 单 击 “ 确 定 ”按钮 ， 如 图 5-81 所 示 。 


图 5-83 
合 不单 尾 选 主 ， "文件 > 置 入 髓 入 对 象 ”命令 ， 
在 弹出 的 “ 置 入 嵌入 的 对 象 ”对 话 框 中 选择 


- 随 书 配备 资源 中 的 “遮阳 伞 .psd” 文 件 ， 单 击 
i 全 一 “ 置 入 ”按钮 ， 0 
2 es sme ee 2 
回 预览 (P) = 加 Be@ 
国 国王 


图 5-81 


人 @@ 设 于 模 各 后 的 国 导 的 混合 模式 为 “又 加 ”， 使 
月 “移动 工具 ” 中 , ， 按 住 Alt 键 移动 复制 图 像 ， 
调整 图 像 的 位 置 和 效果 如 图 5-82 所 示 。 


全 调整 置 入 素材 的 位 置 和 大 小 ， 如 图 5-85 所 示 。 
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全 选择 “水 山 "加 [ | 调整 执 气球 的 位 置 和 大 小 ， 如 图 5-89 所 示 。 
具 ” 脐 选择 冰山 的 一 角 ， 按 Ctrl+J 组 合 键 ， 复 | 人) 在 “图 层 " 面板 中 单 击 “ 创 建新 图 层 ”按钮 避 ， 
制 选区 中 的 图 像 到 新 的 图 层 ， 使 用 “橡皮 擦 工 创建 新 图 层 ， 如 图 5.90 所 示 。 

有 具 ”全 .， 设 置 合适 的 柔 边 笔触 ， 擦 出 自然 的 效 : 


果 ， 如 图 5-86 所 示 。 me | me = 
pai -| 加 TDa e 
下 这 ~ 不 通明 度 : 100% ~ 


:图 wm 由 本 个 填充 :100% ~ 


P80 -加 TO 
| 去 二 
ET 
ee 


Ee 
° BB =: 


图 5-86 图 5-89 图 5-90 | 海 
全 复制 并 调整 水 山 一 角 到 另 一 侧 ， 调整 图 像 的 大 人 填充 新 图 层 为 黑色 ， 在 菜单 栏 中 选择 “ 滤 镜 > 演 | 
小 和 图 层 的 位 置 ， 如 图 5-87 所 示 。 染 > 镜 头 光 晕 ” 命 令 ， 在 弹出 的 “镜头 光 晕 " 对 | 


话 框 中 设置 合适 的 参数 ， 单 击 “ 确 定 ” 按 钮 ， 
如 图 5-91 所 示 。 


图 5-87 


例 在 亲 单 栏 中 选择 “文件 > 置 入 嵌入 对 象 ” 命 令 ， 

在 弹出 的 “ 置 入 嵌入 的 对 象 ”对 话 框 中 选择 随 
书 配备 资源 中 的 “热气 球 单个 .psd” 文 件 ， 单 
击 “ 置 入 ”按钮 ， 如 图 5-88 所 示 。 


在 “图 层 ” 面 板 中 调整 素材 图 层 的 位 置 ， 并 全 词 整 文字 的 效果 后 ， 可 以 使 用 “自由 变换 ” 命 
设置 图 层 的 混合 模式 为 “ 滤 色 ”， 如 图 5-92 令 调 整 其 大 小 ， 如 图 5-95 所 示 。 


使 用 “ 横 排 文字 工具 ”了 T .在 舞台 中 创建 标题 ， 
如 图 5-93 所 示 。 


计 兰 慨 避 doUusoloUd 荣 半 丑 


图 5-95 
下 双击 文字 图 层 ， 在 弹出 的 “图 层 样式 ”对 话 
深 框 中 勾 选 “投影 ” 复 选 框 ， 设 置 合适 的 参 
数 ， 如 图 5-96 所 示 。 
解 CE "可 呈 三 于 下 
ej 
er | EO Onna Pr 
图 OF 局 
E 光 加 尘 图 
田 本 | 
EE EN nm 号 | 
Es Er 
图 5-93 = 
AI Es i 图 5-96 
创建 文字 后 ， 在 “图 层 ” 面 板 中 双击 图 层 前 的 
T 字 ， 选 中 文字 ， 在 工具 属性 栏 中 单 击 “ 创 建国) 创建 文字 变形 的 提示 


字 变 形 "按钮 区 ， 在 弹出 的 对 话 框 中 设置 合 
让 可 以 使 文字 变形 以 创建 特殊 的 文字 效果 。 例 


如 ， 可 以 使 文字 的 形状 变 为 扇形 或 波浪 。 您 选择 的 
变形 样式 是 文字 图 层 的 一 个 属性 ， 可 以 随时 更 改 图 
层 的 变形 样式 以 更 改变 形 的 整体 形状 。 变 形 选 项 可 
以 精确 控制 变形 效果 的 取向 及 透视 。 

需要 注意 的 是 ， 不 能 变形 包含 “ 仿 粗 体 ”格式 
设置 的 文字 图 层 ， 也 不 能 变形 使 用 不 包含 轮廓 数据 
的 字体 ( 如 位 图 字体 ) 的 文字 图 层 。 

使 用 “创建 文字 变形 ”到 后 ， 可 以 看 到 文字 图 
层 前 的 缩 览 窗 变 为 天 按钮 ， 想 要 取消 文字 变形 可 以 
双击 图 层 前 的 天 按钮 ， 选 中 文字 ， 在 工具 属性 栏 中 


样式 (5): 口 下 弧 > 


© 水 平 (H) ” 口 垂直 (V) 
弯曲 (B): 


水 平 扭曲 (9): 


垂直 扭曲 (E): 
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单 击 “ 创 建文 字 变形 ”按钮 天 ， 在 弹出 的 “变形 文 
字 ” 对 话 框 中 选中 “样式 ”为 “无 ”， 即 可 取消 文 


在 菜单 栏 中 选择 “文件 > 置 入 嵌入 对 象 ”命令 ， 
在 弹出 的 对 话 框 中 选择 随 书 配备 资源 中 的 “ 彩 


字 的 变形 效果 。 带 .psd” 文 件 ， 单 击 “ 置 入 ”按钮 ， 如 图 5-100 
选择 “ 描 边 ”样式 ， 设 置 合适 的 描 边 参数 ， 如 在 舞台 中 调整 彩带 的 效果 ， 可 以 适当 地 对 彩带 
图 5-97 所 示 。 进行 复制 。 


图 5-97 
选择 “渐变 苔 加 ”样式 ， 设 置 合适 的 参数 ， 单 
击 “确定 ”按钮 ， 如 图 5-98 所 示 。 


图 5-100 
人 在 舞台 中 创建 文字 ， 结合 使 用 “图 层 样 
式 ”、 “和气 形 工具 ” 回 ,、“ 抢 形 选 框 工 
具 ”5 和 “ 描 边 ”制作 出 以 下 的 副标题 和 
LOGO， 如 图 5-101 所 示 。 
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图 5-98 
双击 图 层 前 的 到 按钮 ， 设 置 文字 的 颜色 为 背景 
的 蓝 色 ， 如 图 5-99 所 示 。 


汪 欢 啤酒 节 
Ma 


图 5-99 


啤酒 节 全 场 免费 图 比赛 开始 
he 
买 满 100 元 加 免费 送 50 元 


图 5-101 
SL, 本 案例 制作 完成 。 
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随 着 互联 网 尤其 是 电子 商务 的 迅速 发 展 ， 互 联网 网 络 媒体 日 益 兴 
盛 ， 互 联网 广告 业 随 之 盛行 起 来 ， 有 远 超 电视 广告 的 趋势 。 
本 章 主要 分 析 和 介绍 网 络 广告 的 设计 和 一 些 相关 内 容 。 


网 络 广告 概述 


网 络 广告 是 指 以 on 手段 站 
方式 。 网 络 广告 4 人 广告 (报纸 、 
志 、 电 视 、 广 播 ) 及 备 eben 和- 
有 得 天 独 厚 的 优势 ， 是 实现 现代 营销 媒体 战略 的 重 
要 部 分 。 Re ali 
广告 ， 如 电子 邮件 广 要案 相 各 尖 刍 油 记 各国 
定 排名 等 都 可 以 理解 为 网 络 广告 的 表现 形式 。 

我 们 在 打开 网 页 时 会 出 现 一 些 各 式 各 样 的 广 
告 ， 虽然 烦 人 ， 全 会 忍 不 住 看 一 腿 比 较 新 颖 的 
广告 ， 新 颖 的 广 ee - 定 的 记忆 ， 这 
祥 该 广告 就 达到 了 其 广告 意义 和 目的 。 图 6-1 所 示 
为 优秀 的 网 络 广告 
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6.1.1 


网 络 广告 常用 的 几 种 类 型 


网 络 广告 可 以 根据 网 站 的 不 同 来 分 类 ， 也 可 以 
按 品牌 类 型 分 类 ， 下 面 我 们 将 以 显示 的 形式 来 介绍 
常见 的 几 种 类 型 
(1) 横幅 广告 : 


横幅 广告 又 称 旗帜 广告 ， 以 


横向 展示 广告 内 容 ， 一 般 横 幅 广告 会 出 现在 网 页 此 
最 上 方 或 中 间 位 置 ， 用 户 注意 的 程度 比较 高 ， 广 告 


的 图 像 文 件 多 用 于 GIF、JPG、FLASH 等 。 
(2) 竖 幅 广告 : 紧 幅 广告 一 般 分 布 在 网 页 舱 
广告 面积 较 长 ， 且 窗 ， 但 可 以 展示 出 较 多 藤 


两 侧 ， 
广告 内 容 。 

(3) 文本 链接 广告 : 文本 链接 广告 就 是 一 个 
带 有 下 划 线 的 蓝 色 链接 文字 ， 通 过 单 击 可 以 进入 相 


对 应 的 广告 页 面 ， 这 是 对 浏览 者 干扰 最 少 的 一 类 
广告 。 
(4) 电子 邮件 广告 : 电子 邮件 广告 是 指 发 送 


到 邮件 中 的 各 类 广告 邮件 。 
(5) 按钮 广告 : 按钮 广告 一 般 位 于 页 面 的 两 


侧 ， 根 据 页 面 设置 有 不 同 的 规格 ， 动 态 展示 客户 要 
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求 的 各 种 广告 效果 。 
(6) 浮动 广告 : 浮动 广告 是 在 页 面 中 随机 或 
按照 特定 路 径 飞行 的 广告 。 


(7) 弹出 式 广告 : 访客 在 打开 或 登录 某 网 页 
时 ， 强 制 插入 一 个 广告 页 面 或 弹出 的 广告 窗口 。 
(8) 脚本 广告 : 一 般 是 指 在 使 用 浏览 器 插件 
或 脚本 语言 编写 的 具有 复杂 视觉 效果 和 交互 功能 
网 络 广告 。 
(9) 定向 广告 : 可 按照 使 用 的 地 区 、 年 龄 、 
浏览 习惯 等 投放 广告 ， 为 客户 找到 精确 的 受 


性 别 、 
众 群 。 

(10) EDM 直 投 : 通过 EDMSOFT、EDMSYS 
向 目标 客户 ， 定 向 投放 对 方 感 兴趣 或 者 需要 的 广告 
及 促销 内 容 。 


| 6.1.2 网络 广告 的 优点 


无 论 是 以 什么 形式 出 现在 网 络 媒体 上 的 广告 
其 本 质 特征 是 相同 的 ， 与 其 他 广告 具有 相同 的 目 
的 ， 就 是 以 传递 消息 达到 促销 和 营销 的 目的 ， 是 对 
用 户 注 意 力 资源 的 合理 利用 。 

网 络 是 一 个 全 新 的 广告 媒体 ， 是 以 最 快 的 方式 
发 展 到 无 处 不 在 的 地 方 ， 以 这 种 优势 来 说 是 一 些小 
型 企业 发 展 壮大 的 一 个 最 有 效 的 途径 ， 对 于 广泛 开 
展 国际 业务 的 公司 也 是 如 此 。 
根据 网 络 资源 的 快速 和 互动 的 手段 ， 网 络 广告 
有 以 下 几 个 特点 。 

(1) 交互 性 : 交互 性 是 互联 网 络 媒体 的 最 大 
优势 ， 它 不 同 于 其 他 媒体 信息 的 单 向 传播 ， 而 是 互 
动 传播 。 在 网 络 上 ， 当 受众 获取 他 们 认为 有 用 的 信 
息 时 ， 而 厂商 也 可 以 随时 得 到 宝贵 的 受众 信息 的 
反馈 。 

(2) 实时 性 、 灵 活性 : 在 网 络 上 投放 广告 能 
按照 需要 及 时 变更 广告 内 容 ， 这 就 使 经 营 决策 的 变 
化 可 以 及 时 地 实施 和 推广 。 

(3) 经 济 实惠 : 由 于 网 络 广告 经 济 实惠 的 特 
点 ， 许 多 国内 企业 大 幅度 削减 了 在 报纸 、 杂 志和 电 
视 等 传统 媒体 的 广告 投放 ， 转 而 增加 了 费用 相对 较 
低 、 投 放 更 为 精准 的 互联 网 广告 的 投入 。 

(4) 重复 性 和 可 检索 性 : 网 络 广告 可 以 将 文 
字 、 声 音 、 和 画面 完美 地 结合 之 后 供用 户主 动 检索 ， 
重复 观看 。 而 与 之 相 比 ， 电 视 广告 却 是 让 受众 被 动 
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地 接受 广告 内 容 。 

(5) 目标 性 : 通过 提供 众多 的 免费 服务 ， 网 
站 一 般 都 能 建立 完整 的 用 户 数据 库 ， 包 括 用 户 的 地 
域 分 布 、 年 龄 、 性 别 、 收 入 、 职 业 、 婚 姻 状 况 、 爱 
好 等 。 这 些 资料 可 帮助 广告 主 分 析 市 场 与 受众 ， 根 
据 广告 目标 受众 的 特点 ， 有 针对 性 地 投放 广告 
根据 用 户 特点 作 定 点 投放 和 跟踪 分 析 ， 对 广告 效果 
作出 客观 准确 的 评价 。 

(6) 快速 性 : 开放 式 的 网 络 体系 结构 ， 使 不 同 
软 硬 件 环 境 、 不 同 网 络 协议 的 网 可 以 互 连 ， 真 正 达 
到 资源 共享 、 数 据 通信 和 分 布 处 理 的 目标 ， 从 而 使 
网 络 广告 可 以 准确 、 快 速 、 高 效 地 传达 给 每 一 个 潜 
在 客户 。 


| 6.1.3 “网 络 广告 的 缺点 


网 络 广告 相对 传统 广告 来 说 有 明显 的 优势 ， 但 
带 来 这 些 优势 的 同时 也 会 有 许多 的 缺点 。 

(1) 网 络 广告 的 真实 性 : 由 于 网 络 系统 的 经 
济 实惠 ， 非 常 多 的 企业 都 会 使 用 此 手段 进行 宣传 ， 
现在 的 网 络 管理 还 不 完善 ， 网 络 广告 也 存在 一 些 虚 
假 信息 。 

(2) 无 序 的 竞争 ， 由 于 各 大 中 小 型 网 站 迅速 
崛起 ， 为 了 招揽 投资 就 会 采用 各 种 手段 ， 例 如 利用 
低廉 的 广告 价格 来 竞争 ， 所 以 网 络 价格 透明 化 是 势 
在 必 行 的 。 

(3) 强迫 性 广告 太 多 : 在 网 民 打开 网 页 时 通 

会 带 有 弹出 式 广告 和 漂浮 广告 ， 这 样 的 广告 非常 
使 网 民 厌 倦 。 


.9 商业 案例 一 电 商 3 . 8 妇女 
节 主 题 广告 ) 


= 局 光春 装 上 新 /全 场 5 折 sw 


16.2.1 设计 思路 


四 “案例 类 型 由 
本 案例 是 一 款 制作 电 商 购物 平台 “ 当 玛 看 视频 
4 主题 广告 一 一 3.8 妇 女 节 的 服装 促销 广告 。 
国 ”项 目 诉求 
每 年 3 月 8 日 为 庆祝 妇女 在 经 济 、 家 庭 和 社会 
等 领域 做 出 的 重要 贡献 和 巨大 成 就 而 设立 的 节日 ， 
每 着 此 节日 电 商 平台 就 会 依据 节日 呵 头 来 搞 促销 
如 图 6-2 所 示 的 一 些 优秀 广告 作品 ， 我 们 可 以 参考 
借鉴 


粽 情 端午 背 玩 中 册 好 礼 相 


活动 时 间 : 6/7-6/13 


图 6-2 
本 案例 要 求 设计 一 款 放置 到 手机 购物 App 中 的 
一 个 横 版 广告 ， 根 据 指定 的 尺寸 来 设计 ， 内 容 要 突 
出 妇女 节 的 主题 ， 并 使 用 “春装 全 场 53 折 ”的 副 标 
题 ， 另 外 可 以 添加 女性 和 花 素 材 ， 制 造 出 花 一 样 的 
女人 的 效果 即 可 。 
国 ”设计 定位 
在 设计 之 前 可 以 大 量 参考 网 站 


中 的 广告 ， 它 


们 的 主要 特色 就 是 内 容 不 是 太 多 ， 但 主题 明确 和 突 
出 ， 突 出 的 标题 可 以 更 好 地 抓 住人 们 的 目光 。 所 以 
本 案例 也 将 会 采用 一 个 白色 的 背景 ， 衬 托 出 主 标 
题 ， 并 在 标题 右 侧 创建 一 些 配饰 素材 ， 可 以 使 这 些 
素材 有 足够 的 吸引 力 达到 我 们 的 设计 目的 。 


| 6.2.2 ”妇女 节 主 题 广告 的 构图 方式 


本 案例 采用 整体 均衡 的 稳定 构图 方式 ， 画 面 的 
整体 部 分 相对 完整 且 分 配 均 匀 ， 将 主题 放置 到 中 心 
偏 左 的 位 置 。 


| 6.2.3 “同类 作品 欣赏 


| 6.2.4 项目 实 战 


回 ”制作 流程 
本 案例 首先 创建 形状 并 


设置 形状 的 图 层 样式 


山 


出 9 站 


| 


谈 阐 后 砸 doySo}oyd 二 闪避 


项 


制作 出 花 条 和 标题 背景 ;然后 创建 标题 和 信息 ; 最 
后 置 入 人 物 图 像 和 花 林 图 像 ， 调 整 各 个 图 像 的 位 
置 ， 如 图 6-3 所 示 。 


使 用 “ 自 定义 形状 工具 ”创建 花形 状 ; 

使 用 “椭圆 工具 ”创建 圆 形 形 状 ; 

使 用 “删除 锚 点 工具 ”删除 形状 的 锚 点 ; 

使 用 “转换 点 工具 ”和 “选择 工具 ”调整 
形状 ; 

使 用 “ 横 排 文字 工具 ”创建 文字 ; 

使 用 “快速 选择 工具 ”选择 人 物 ; 

使 用 “多 边 形 套 索 工具 ”选择 区 域 ; 

使 用 “ 栅 格 化 ”命令 栅 格 化 文字 和 形状 图 层 ; 

使 用 “色彩 范围 ”和 “反选 ”命令 创建 花灯 


使 用 “ 色 阶 ”调整 图 像 的 明暗 ; 
使 用 “减少 杂 色 ”调整 人 物 的 杂 色 效果 。 
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图 ”操作 步骤 
运行 Photoshop 软 件 ， 在 “欢迎 ”界面 中 单 击 
“新建” 按钮 ， 在 弹出 的 “新 建文 档 ” 对 话 
框 中 设置 “宽度 ”为 10 厘 米 、“ 高 度 ” 为 4. 
厘米 ， 设 置 “分 辩 率 ”为 300 像 素 /英寸 ， 单 
“创建 ”按钮 ， 如 图 6-4 所 示 。 


[二 画 
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Dt 


Wb 部 动 没 备 。。 用 片 和 要 大 
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未 标题 1 
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要 sw [| 国 国 0 
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图 6-4 
在 工具 箱 中 单 击 前 景色 ， 在 弹出 的 “ 拾 色 器 
( 前 景色 ) ”对 话 框 中 设置 前 景色 的 RGB 为 
95、186、185， 如 图 6-5 所 示 。 


验 色 吓 (前 遇 色 ) 


OH; 179 | 度 Ot:70 
5 49 |% Oa:[29 
B: 73 |% Ob:[s 


G: 186 M: 11 


口 R 有 wm 有 ) B; 185 Yi DB3 
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图 6-5 
按 Alt+Delete 组 合 键 ， 填 充 新 建 图 层 为 前 景色 ， 
如 图 6-6 所 示 。 


了 二 度 : 100% ~ | 
语 E: 图 /中 芝 自 让 fi:lo% -| 


中 记 器 8. 白 日 全 


图 6-6 


口 只 有 web 颜色 


(设置 前 景色 的 RGB 为 49、 151、150， 如 图 6-7 
所 示 。 
失色 二 (前 最 色 ) |] 
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图 6-7 


人 @O 估 “画笔 工具 ”sw，， 在 工具 属性 栏 中 设置 合 


适 的 笔触 ， 设 置 “不 透明 度 ” 为 30%， 如 图 6-8 
所 示 ， 在 舞台 中 绘制 一 些 设置 好 的 颜色 。 
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图 6-8 


(在 菜单 栏 中 选择 “ 滤 镜 > 滤 镜 库 ” 命 令 ， 在 弹出 


的 滤 镜 库 中 选择 “画笔 描 边 > 喷 色 描 边 ”效果 ， 
设置 合适 的 参数 ， 如 图 6-9 所 示 。 


aR sm 


图 6-9 
在 “ 滤 镜 库 ” 面 板 右 下 方 单 击 “ 新 建 ”按钮 名 ， 
添加 新 滤 镜 ， 选 择 “ 阴 影 线 ” 滤 镜 ， 设 置 合适 
的 参数 ， 如 图 6-10 所 示 。 

继续 单 击 “新 建 ” 按 钮 四 ， 添 加 “纹理 化 ” 滤 
镜 ， 设 置 合适 的 参数 ， 如 图 6-11 所 示 。 


mn 4 ras ' [a 


CT 
: 疾 器 
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图 6-11 


人 十 “确定 ”按钮 ， 设 置 合适 的 背景 效果 。 
人 在 工具 箱 中 选择 ( 自 定形 状 工具 ) 他,， 在 工具 


属性 栏 中 单 击 “形状 ”后 的 下 拉 按 钮 ， 在 弹出 
的 预 设 形状 中 单 击 将 .按钮 ， 在 弹出 的 快捷 菜单 
中 选择 “自然 ”选项 ， 如 图 6-12 所 示 ， 会 弹出 
对 话 框 ， 从 中 单 击 “追加 ”按钮 即 可 。 


二 丛生 WP 
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图 6-12 


人 @O 设置 前 景色 的 RGB 为 223、 135、255， 如 图 6-13 


所 示 。 
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图 6-13 
在 舞台 中 绘制 选择 的 花形 状 ， 确 定形 状 的 颜 
色 为 前 景色 ， 设 置 形状 为 无 轮廓 ， 双 击 形状 图 
层 ， 在 弹出 的 “图 层 样式 ”对 话 框 中 勾 选 “ 投 
影 ” 复 选 框 ， 设 置 合适 的 参数 ， 如 图 6-14 所 示 。 
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图 6-14 


本 已 。 属性 。 万 史记 录 
Pp -四 OTDRDB 
正常 ~ T 通 明度 : 100% 


识 : 图 A 中 车 人 填充 : 100% 
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图 6-15 
按 Ctrl+J 组 合 键 ， 复 制 形 状 ， 重 新 调整 填充 ， 并 


一 个 图 层 组 中 ， 如 图 6-17 


调整 合适 的 大 小 ， 如 图 6-16 所 示 。 
人 将 两 个 形状 放置 到 同 

所 示 。 

双击 图 出 的 “图 


勾 选 “光泽 ” 复 选 框 ， 设 置 合适 的 光泽 参数 ， 


单 


击 “ 确 定 ” 按 钮 ， 如 图 6-18 所 示 。 


四 大口 GD 加 自 


恋 E: 图 w 中 二 自 填 讽 ; 100% 


人 设置 的 光泽 效果 如 图 6-19 所 示 。 


层 样 式 ” 对 话 框 中 


使 用 “椭圆 工具 ”全 .创建 椭圆 ， 设 置 一 个 合 i 
的 填充 颜色 ， 复 制 椭圆 ， 如 图 6-20 所 示 。 


图 6-23 
人 设置 的 图 层 样式 效果 如 图 6-24 所 示 。 
本 层 。 恒 忆 历史 EE 录 ee 
Pa “四 BT 
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图 6-20 

人 人 选择 复制 出 的 所 有 椭 回 图 层 ， 将 其 放置 到 同一 
个 图 层 组 中 ， 双 击 图 层 组 ， 在 弹出 的 “图 层 样 
式 ” 对 话 框 中 选择 “图 案 双 加 ”选项 ， 设 置 合 
适 的 参数 ， 再 勾 选 “投影 ” 复 选 框 ， 单 击 “ 确 
定 ” 按 钮 ， 如 图 6-21 所 示 。 


例外 蛙 一 个 新 图 层 ， 使 用 “椭圆 工具 ” 信 . 创 建 椭 
圆 ， 双 击 形状 ， 在 弹出 的 “图 层 样式 ”对 话 框 
中 勾 选 “投影 ” 复 选 框 ， 设 置 合适 的 参数 ， 投 
影 形状 效果 如 图 6-25 所 示 。 


草 倍 监 悦 ” 册 9 举 


图 6-21 


人 设置 的 图 层 样式 效果 如 图 6-22 所 示 。 


的 将 第 一 条 花 放置 到 一 个 图 层 组 中 ， 如 图 626 所 示 。 
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图 6-22 pa 


倪 近 Ct 组合 刍 ， 复制 图 层 组 ， 双 击 图 层 组 ， 
在 弹出 的 “图 层 样式 ”对 话 框 中 你 选 “颜色 双 
加 ” 复 选 框 ， 设 置 合适 的 参数 ， 单 击 “ 确 定 ” 
按钮 ， 如 图 6-23 所 示 。 
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图 6-26 
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长 到 dodsoloUd 柠 半 午 


人 在 舞台 中 局 标 右 击 图 层 组 前 的 眼睛 ， 可 以 为 图 
层 组 设置 颜色 ， 便 于 区 分 ， 在 舞台 中 调整 花灯 
的 位 置 ， 如 图 6-27 所 示 。 


识 : 田 A 生 拉 二 和 e: lo0% ~ 
© ) 日 组 3 


图 6-27 
人 复制 图 层 组 ， 鼠标 右 击 图 层 组 ， 在 弹出 的 快捷 

菜单 中 选择 “合并 组 ”命令 ， 合 并 组 后 调整 
它 的 位 置 和 大 小 ， 按 Ctrl+U 组 合 键 ， 在 弹出 的 
“色相 /饱和 度 ” 对 话 框 中 设置 合适 的 参数 ， 调 
整合 适 的 花朵 色调 ， 如 图 6-28 所 示 。 


i 
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图 6-28 
复制 合并 组 后 的 花 采 图 层 ， 按 Ctrl+U 组 合 键 ， 
在 弹出 的 “色相 /饱和 度 ” 对 话 框 中 ， 调 整 素 材 
的 色调 ， 如 图 6-29 所 示 。 
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图 6-29 


D282 “椭圆 工具 ”人 S.， 在 舞台 中 绘制 椭圆 ， 如 

图 6-30 所 示 。 
人 在 年 全 中 合 “删除 锚 点 工具 ”人 部,， 删 除 多 余 
鸭 控 制 点， 使 用 “直接 选择 工具 ” 必 .， 在 舞台 
中 调整 素材 的 效果 ， 如 图 6-31 所 示 。 
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图 6-31 

全 设置 形状 的 填充 为 白色， 双击 形状 ， 在 弹出 的 

“图 层 样 式 ” 对 话 框 中 勾 选 “投影 ” 复 选 框 ， 
设置 合适 的 参数 ， 如 图 6-32 所 示 。 
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复制 形状 ， 删 除 图 层 样式 ， 调 整形 状 的 大 小 ， 
并 设置 填充 为 紫色 ， 如 图 6-33 所 示 。 
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图 6-33 
从 复制 柴 色 的 图 形 ， 设置 颜色 为 和 白色， 设置 合适 
的 大 小 ， 如 图 6-34 所 示 。 


图 6-34 


人 使 用 文字 工具 ， 在 舞台 中 创建 文字 ， 如 图 6-35 
所 示 。 


W510 067% 5 5 


图 6-35 


使 用 “多 边 形 套 索 工 具 ” 列 ,， 
在 舞台 中 创建 选区 ， 按 Ctrl+U 组 合 键 ， 在 弹出 
的 “色相 /饱和 度 ” 对 话 框 中 设置 合适 的 参数 ， 
调整 选区 中 文字 的 颜色 ， 如 图 6-36 所 示 。 
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图 6-36 
按 Ctrl+D 组 合 键 ， 取 消 选 区 的 选择 ， 在 舞台 中 
继续 创建 文字 ， 如 图 6-37 所 示 。 


7 aa- 


Cr 


人 在 荣 单 栏 中 选择 “文件 > 打开 ”命令 ， 在 弹出 


的 “打开 ”对 话 框 中 选择 随 书 配 备 资源 中 的 


“人 jpg” 文 件 ， 单 击 “ 打 开 ” 按 钮 ， 如 图 6-38 


所 示 。 
使 用 


“快速 选择 工具 ” 


图 6-39 所 示 。 


.选择 人 物 区 域 ， 妇 


图 6-38 
人 按 Ctl+C 组 合 键 ， 复制 选区 中 的 图 像 ， 切 换 到 
广告 文档 中 ， 按 Ctrl+V 组 合 键 ， 粘 贴图 像 到 舞 
台中 ， 按 Ctrl+L 组 合 键 ， 在 弹出 的 “ 色 阶 ”对 

话 框 中 调整 合适 的 色 阶 参 数 ， 如 图 6-40 所 示 。 


图 6-39 


图 6-40 
在 菜单 栏 中 选择 “ 滤 镜 > 杂 色 > 减少 杂 色 ” 命 
令 ， 在 弹出 的 “减少 杂 色 ”对 话 框 中 ， 调 整合 
适 的 参数 ， 如 图 6-41 所 示 。 
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下 个 鉴 习 ” 需 9 洲 


使 用 “ 圆 角 矩形 工具 ” 回 .， 在 舞台 中 创建 圆 角 
矩形， 设置 合适 的 参数 和 颜色 ， 使 用 “ 横 排 文 


人 打开 素材 “ 花 02.png”， 如 图 6-42 所 示 。 


春装 上 新 /全 场 S 折 ar 


全 二 


图 6-42 

使 打开 素材 选择 "选择 > 色彩 范围 ”命令 ， 在 弹出 
的 对 话 框 中 使 用 吸管 工具 吸取 图 像 中 的 白色 区 
域 ， 单 击 “确定 ”按钮 ， 创 建 选区 ; 选择 “ 选 


@EL, 本 案例 制作 完成 。 


择 > 反 选 ”命令 ， 反 选 选区 ， 选 择 花 的 区 域 ， 复 | EEE33 
制 选区 。 6.3 商业 案例 一 电 商 化 妆 品 广告 
切换 到 广告 文档 中 ， 粘 贴图 像 到 舞 人 台中， 调整 设计 


素材 的 大 小 、 位 置 和 角度 ， 如 图 6-43 所 示 。 


手 沿 四 浊 喜 类 放 到 doUsolouyd 荣 半 壬 


LOGO 


店 恒 团 购 


鼻 击 奔 科 


限时 秒杀 9.9 元 起 


加 动 时 间 : 3 月 3 日 -4 月 1 已 


对 花 素 材 进行 复制 ， 调 整 复制 后 的 花 素 材 的 位 


置 和 角度 如 图 6-44 所 示 。 | 6.3.1 设计 思路 


四 ”案例 类 型 有 和 
本 案例 是 一 款 介绍 电 商 的 商品 广告 一 一 化 收 品 广告 。 
国 项目 诉求 


需要 设计 一 款 清 新 的 适用 于 年 轻 人 的 化 妆 品 类 
型 ， 需 要 将 推荐 品牌 的 样品 呈现 出 来 。 
图 ”设计 定位 

根据 需求 ， 我 们 将 使 用 黄色 和 粉色 ， 作 为 搭配 
使 用 ， 粉 色 代表 女性 娇柔 可 爱 ， 纯 纯 的 粉色 系 像 女 
孩 的 美梦 一 样 ， 能 带 来 好 运 。 黄 色 是 清新 的 颜色 ， 
给 人 轻快 、 充 满 希 望 和 活力 的 感觉 。 两 种 颜色 搭配 
起 来 可 以 使 人 产生 清新 的 效果 。 


图 6-44 
在 “图 层 ” 面 板 中 选择 人 物 图 层 ， 按 Ctrl+U 组 
合 键 ， 在 弹出 的 “色相 /饱和 度 ” 对 话 框 中 调整 
颜色 的 饱和 度 和 色相 ， 如 图 6-45 所 示 。 


| 6.3.2 构图 方式 


整体 构图 我 们 采用 了 半圆 形 构图 方式 ， 将 主题 
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和 辅助 文字 放 到 椭圆 形 中 ， 将 素材 和 配 景 以 半 


中 点 向 外 排列 ， 制 作出 整体 的 半圆 形 广 告 效 果 。 


| 6.3.3 “同类 作品 欣赏 


wp 


COSMETICS SERIES 
EE 


' -i 
4 二 


| 6.3.4 “项目 实 战 


国 ”制作 流程 


圆 为 


COSMETICS SERIES 
Onl Devien Of Cormetves Pster 
hehend Cogmetres Senes 


本 案例 首先 定义 图 案 并 存储 图 案 ， 制 作出 背 
景 效果 ， 然后 设置 画笔 的 属性 ， 绘 制 点 状 线 和 心 
形 ， 设 置 投影 效果 ， 最 后 创建 文字 注释 ， 如 图 6-47 


所 示 。 


图 6-47 


LOGO 


起 秆 团购 
~、 所 从 


SY 避 动 时 闻 : 3 月 3 日 -4 月 1 日 


图 6-47 ( 续 ) 
看 。 技术 要 点 
使 用 “定义 图 案 ” 命 令 存储 图 案 ; 
使 用 “图 层 样式 ”设置 图 像 的 图 层 效果 ; 
使 用 “椭圆 工具 ”创建 圆 形 背 景 ; 
使 用 “ 自 定形 状 工具 ”绘制 心 形 ; 


使 用 “画笔 工具 ”和 “画笔 预 设 ”设置 画笔 的 


属性 ， 绘 制 点 状 线 ; 
使 用 “ 横 排 文字 工具 ”创建 文字 。 
国 操作 步骤 


运行 Photoshop 软 件 ， 在 “欢迎 ”界面 中 单 击 
“新 建 ” 按 钮 ， 在 弹出 的 “新 建文 档 ” 对 话 


框 中 设置 “宽度 ”为 10 厘 米 、“ 高 度 ” 为 


4.5 


厘米 ， 设 置 “分辨 率 ”为 300 像 素 /英寸 ， 单 击 


“创建 ”按钮 ， 如 图 6-48 所 示 。 


图 6-48 

在 工具 箱 中 单 击 前 景色 ， 在 弹出 的 “ 拾 色 器 
( 前 景色 ) ”对 话 框 中 设置 前 景色 的 RGB 为 
245、235、59， 如 图 6-49 所 示 。 
创建 一 个 新 的 文档 ， 在 此 文档 上 我 们 创建 一 个 
画笔 “宽度” 为 500 像 素 、“ 高 度 ”为 500 像 
素 、“ 分 辨 率 ” 为 72 像 素 /英寸 ， 单 击 “ 创 建 


按钮 ， 如 图 6-50 所 示 。 
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图 6-50 


(外 建文 档 后 ,使 用 “ 椭 加 工具 ”QO.， 在 舞台 中 


创建 圆 ， 如 图 6-51 所 示 。 
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图 6-51 

在 菜单 栏 中 选择 “编辑 > 定义 图 案 ” 命 令 
弹出 的 “图 案 名 称 ” 对 话 框 中 命名 图 案 ， 
“确定 ”按钮 ， 如 图 6-52 所 示 。 


li0 


返回 到 广告 文档 ， 创 建 一 个 新 图 层 ， 按 
Alt+Delete 组 合 键 ， 填 充 前 景色 ， 双 击 图 层 ， 
在 弹出 的 “图 层 样式 ”对 话 框 中 勾 选 “图 案 又 
加 ” 复 选 框 ， 并 设置 合适 的 参数 ， 单 击 “ 确 
定 ”按钮 ， 如 图 6-53 所 示 。 
| 和 
HF 
二- a Tr 
Bee] 
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Pm -~ GTDB e 
正常 ~ 不通 明度: 100% ~ 


锁定 ; 图 w 中 持 自 填充 : 100% ~ 


O98. 口 日 位 


图 6-53 


色 ， 鼠 标 右 击 设 


确定 “背景 ”图 层 填充 为 前 景 


置 图 层 样式 后 
择 “ 栅 格 化 


的 图 层 ， 在 弹出 的 快捷 菜单 中 选 


“图 


图 层 样式 ”命令 ， 设 置 栅 格 化 的 


层 1” 的 


混合 模式 为 “划分 ”， 设 置 “ 不 透 


明度 ”为 40%， 如 


图 6-54 所 示 。 


图 6-54 


使 用 “椭圆 工具 ”人 .， 在 舞台 中 创建 椭圆 ， 在 
“属性 ”面板 中 设置 圆 的 填充 为 粉红 色 ， 软 廓 
为 白色 、25 像 素 ， 调 整合 适 的 大 小 和 位 置 ， 如 
图 6-55 所 示 。 


在 工具 箱 中 选择 “画笔 工具 ”wx.， 在 菜单 栏 中 
选择 “窗口 > 画笔 设置 ”命令 ， 打开“ 画笔 设 
置 ”面板 ， 从 中 设置 “画笔 笔尖 形状 ”， 妈 } 


图 6-59 所 示 。 
| ee | 二 和 | 
E33 上 m0 ® 3 
图 6-55 IE 和 
、 sks | | 二 | 2 二 
双击 椭圆 图 像 ， 在 弹出 的 “图 层 样 式 ” 对 话 框 牙 . ‘."@ee®e 
中 勾 选 “投影 " 复 选 框 ， 设 置 投影 颜色 的 RGB Di 
为 222、96、96， 设 置 合适 的 投影 参数 ， 如 和 = 
图 6-56 所 示 。 nN 
星 边 外 图 窒 : 100% 
建立 自主 度 
加 了 歼 旦 大 
| 全 和 理 自 回 jg6 


@/ 图 
图 6-56 图 6-59 
新 建 图 层 ， 在 舞台 中 使 用 画笔 绘制 的 效果 如 


人 @ 设 置顶 圆 投影 后 的 询 
图 6-60 所 示 。 


下 个 鉴 习 山 9 闪 


图 6-57 
在 工具 箱 中 单 击 前 景色 ， 在 弹出 的 “ 拾 色 器 
( 前 景色 ) ”对 话 框 中 设置 RGB 为 234、169、 
190， 如 图 6-58 所 示 。 


图 6-60 
画笔 绘制 另 一 条 线 ， 如 图 6-61 所 示 。 


图 6-61 
人 人 “ 自 定形 状 工具 ” 字 .， 在 工具 属性 栏 中 选 


口 只 有 Web 新 色 


择 “ 形 状 ” 为 心 形 ， 设 置 合适 的 描 边 和 填充 ， 
在 舞台 中 绘制 心 形 ， 如 图 6-62 所 示 。 


置 入 素材 后 ， 在 舞台 中 分 别 调整 图 像 的 大 小 和 
图 层 的 位 置 ， 如 图 6-66 所 示 。 


图 6-62 
在 舞台 中 复制 心 形 ， 调 整 心 形 的 大 小 和 角度 ， 
如 图 6-63 所 示 。 


图 6-66 
人 分 别 为 化 妆 品 图 像 所 在 的 图 层 设置 “投影 " 效 
果 ， 如 图 6-67 所 示 。 


图 6-63 
继续 绘制 一 个 描 边 为 暗 黄色 的 无 填充 的 心 形 ， 
对 其 进行 复制 和 调整 ， 如 图 6-64 所 示 。 


El 


设置 “投影 ”后 的 化 妆 品 效果 ， 如 图 6-68 
所 示 。 


图 6-64 
人 在 菜单 栏 中 选择 “文件 > 置 入 嵌入 对 象 ”命令 ， 
在 弹出 的 “ 置 入 嵌入 的 对 象 ”对 话 框 中 选择 随 
书 配备 资源 中 的 化 妆 品 素材 文件 ， 分 别 将 其 置 
入 到 舞台 中 ， 如 图 6-65 所 示 。 


图 6-68 
人 在 舞台 中 创建 文字 ， 设置 文字 的 “属性 ”， 填 
充 为 白色 ， 如 图 6-69 所 示 。 


图 6-69 


证 云 ， E 技 性 工 可 1 
双击 文字 图 层 ， 在 弹出 的 “图 层 样式 ”对 话 框 
中 设置 合适 的 “投影 ”效果 ， 如 图 6-70 所 示 。 
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CD 而 和 有 
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图 6-70 


矩形 工具 ” 回 .,， 创 建 圆 角 矩形 的 


使 
底部 图 形 ， 设 置 填充 为 背景 黄色 ， 设 置 轮廓 为 


无 ， 如 图 6-71 所 示 。 
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让 值 团购 


图 6-71 


6-72 所 示 。 


图 6-72 


直击 底价 


a 
活 凤 笠 辣 ; 3 月 3 日 -4 月 1 日 


图 6-73 


命 主 此 ， 本 案例 制作 完成 。 


6.4 商业 案例 


招生 广告 设计 


童话 培训 机 构 少 儿 美 术 班 火热 


地 址 : 山东 济南 济 洛 路 青少年 宫 #21 楼 # 


6.4.1 设计 思路 


加 ”案例 类 型 


回 唆 站 
本 案例 制作 美术 班 招生 的 弹出 式 ” 扫 码 看 视频 


网 络 广告 设计 。 


项 目 诉求 
要 求 设计 一 款 较为 干净 能 


os 


犬 山 


可 ， 可 以 根据 自己 的 想法 进行 设计 。 
国 ”设计 定位 


用 彩 笔画 的 效果 来 填充 一 些 底 纹 和 标题 颜 
壁画 的 嫌隙 会 更 突出 绘画 的 乐趣 。 另 外 我 


一 一 弹出 式 美术 班 


n 


报名 热线 : 400-8888-5555* 


主题 的 效果 即 


我 们 采用 “小 小 画家 ”为 主题 来 设计 ， 主 要 使 


色 ， 有 些 
门 会 添加 


一 些 卡 通 和 水 彩 喷 溅 来 装饰 画面 、 丰 富 画 面 ， 最 后 
“认真 ”地 写 出 我 们 的 地 址 和 联系 方式 。 


景 ， 这 样 可 以 使 单调 的 背景 不 显 沉 问 
有 黑色 的 涂鸦 方式 涂鸦 标题 和 副标题 
添加 一 些 彩 
生机 。 


月 


用 


6.4.2 配色 方案 


整体 配色 上 我 们 采用 干净 


色 的 装饰 素材 ， 使 了 


的 灰 


F 净 的 


方 格 作为 背 


; 另外 我 们 采 
背景 ， 最 后 再 


背景 ， 
画面 有 些许 的 


ll3 


天 了 1 瞎 到 需 9 注 ， 


旭 案 的 到 加 效果 ; 然后 创建 文字 并 将 文字 载 入 选 
区 ， 涂 抹 文字 并 绘制 装饰 笔画 ， 绘 制 对 话 框 形 


| 6.4.3 “美术 班 招生 广告 的 构图 方式 


本 案例 采用 上 下 构图 方式 ， 上 部 分 为 主 标题 ; 
中 间 为 副标题 ， 下 部 分 为 口号 的 信息 以 及 一 些 装饰 


状 ; 最 后 置 入 图 像 ， 并 调整 选区 中 图 像 的 效果 ， 
6-74 所 示 。 


如 


网 


16.4:4” 同类 作品 欣赏 


芋 络 有 绰 半 泌 四 沪 这 类 后 型 doUSO}l0Ud 寺 半 丑 


和 


图 6-74 
国 。 技术 要 点 
使 用 “ 自 定义 图 案 ” 命 令 将 绘制 的 方 框 定义 为 
三 四 案 


使 用 “图 层 样式 ”设置 图 案 的 膨 加 效果 ; 
使 用 “ 横 排 文字 工具 ”创建 文字 ; 
使 用 “画笔 工具 ”涂抹 文字 并 绘制 装饰 笔画 ; 
使 用 “ 自 定形 状 工 具 ” 绘 制 对 话 框 形状 ; 
使 用 “ 置 入 嵌入 对 象 ”命令 置 入 素材 ; 
使 用 “色相 /饱和 度 ” 调 整 喷 溅 颜色 。 
图 ”操作 步骤 
命运 行 Photoshop 软 件 ， 在 “欢迎 ”界面 中 单 
“新 建 ” 按 钮 ， 在 弹出 的 “新 建文 档 ” 对 话 
为 
单 


CI BD CI 


框 中 设置 “宽度 ”为 10 厘 米 、“ 高 度 ” 
厘米 ,设置 “分 辨 率 ”为 300 像 素 /英寸 ， 
“创建 ”按钮 ， 如 图 6-75 所 示 。 

使 用 “ 圆 角 矩形 工具 ” 回 .,， 在 舞台 中 创建 
角 珑 形 ， 在 “属性 ”面板 中 设置 合适 的 填充 ， 
设置 轮廓 为 无 ， 设 置 圆 角 为 30 像 素 ， 如 图 6-76 
所 示 。 


| 6.4.5 “项 目 实战 


图 ”制作 流程 
本 案例 首先 将 绘制 的 方 框 定义 为 图 案 ， 设 置 


14 


we 画 | 
OBE Sr | SH Nm Bonen wb Wes Mm 
aa 上 ar 
未 标题 1 之 
I [TD [a zz 
~ % X% [mm = | ~ 
a 让 太 本 
menm | ce 国 国 口 
su 
ee 一 FN EB ss ~ 
% % 兴 me 
mm vv 
E29 G3 3 a 
ee Si 
人 下 ee Sm 
2 m 3 
图 6-75 
图 6-78 
[ | Re | FeeR = 
国 口 xpkmt 


wm 全 责 oo 5 他 家 


反串 到 舞台 中 ， 新 建 一 个 图 层 ， 填 充 图 层 为 
白色 ， 双 击 创 建 的 新 图 层 ， 在 弹出 的 “图 层 样 
式 ” 对 话 框 中 多 选 “ 图 案 全 加 ” 复 选 框 ， 设 置 
合适 的 样式 参数 ， 单 击 “ 确 定 ” 按 钮 ， 如 图 6-80 
所 示 。 


图 6-76 
在 菜单 栏 中 选择 “文件 > 新 建 ” 命 令 ， 在 弹出 
的 “新 建文 档 ” 对 话 框 中 设置 “宽度 ”为 100 像 
素 、“ 高 度 ”为 100 像 素 ，“ 分 辩 率 ”为 72 像 素 / 


哩 隔 虑 到 ” 需 9 洲 


英寸 ， 单 击 “ 创 建 ”按钮 ， 如 图 6-77 所 示 。 
ae Ber | WA no eas wb aon MOR 
[DN [NN 3 
x x 
Ss en 
Es 牙 四 | ee ~ 
i | Ta 图 6-80 
| | ( 国 案 有 加 后 的 效果 如 图 6-81 所 示 。 
Pai 人 食 在 “图 层 "面板 中 将 “背景 ”图 层 拖 彼 到 “ 册 
图 6-77 除 图 层 ” 按 钮 全 上 ， 删 除 图 层 ， 按 住 Ctrl 键 
单 击 贺 角 矩形 形状 图 层 前 的 缩 览 图 ， 将 圆 角 握 


创建 文档 后 确定 舞台 背景 为 和 白色， 设置 前 景 

为 浅 灰 色 ， 使 用 “ 拢 形 选 区 工具 ”创建 矩形 ， 
填充 矩形 为 前 景色 ， 按 Ctrl+D 组 合 键 ， 取 消 选 
择 ， 如 图 6-78 所 示 。 


形 载 入 选区 ， 选 择 “ 图 层 1 ”， 单 击 “ 添 加 图 
层 蒙 版 ”按钮 口 ， 创 建 庶 曾 效果 ， 如 图 6-82 
所 示 。 
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小 小 介 家 = 


图 6-84 


于 屋 。 属性 。 历史 记录 天 
Pa mornae® 
正常 不 证 明度 : 100% 


s 国 在 菜单 栏 中 选择 “选择 > 修改 > 扩展 ”命令 ， 在 
ll 弹出 的 “扩展 选区 ”对 话 框 中 设置 “扩展 量 ” 


为 5， 单 击 “ 确 定 ”按钮 ， 如 图 6-85 所 示 。 


扩展 旺 (E): [5 ”| ] 像素 


应 用 画布 边界 的 效果 取消 


所 口 3. 昌 日 闪 


图 6-85 
新 建 一 个 图 层 ， 使 用 “画笔 工具 ”w.， 设 置 合 
适 的 参数 ， 涂 抹黑 色 的 线条 ， 涂 抹 填充 选区 的 
效果 如 图 6-86 所 示 。 


历 妆 记录 = 
Pa 四 GTDDBe 
下 这 明度 : 100% 
:加 sf 中 村 自 十: 100% 
ol ls me x 
本 
人 图 家 天 加 


© 大 ms: 


当 需 忆 淖 痒 沪 四 号 计 类 上 许 于 dodsolouyd 芝 半 午 


图 6-86 
全 确定 选区 处 于 选择 状态 ， 新 建 图 层 ， 填 充当 前 
选区 为 和 白色， 调整 图 层 到 涂抹 文字 图 层 的 下 
方 ， 如 图 6-87 所 示 。 


克 QG 和 锯 避 全 本 
图 层 ”属性 ”历史 沁 录 于 
图 6-82 Dg orTrnan® 
在 舞台 中 创建 文字 ， 设 置 文 字 的 颜色 为 黑色 ， 7 a 
选择 一 种 较为 卡通 的 字体 ， 在 “属性 ”面板 中 a 
设置 文字 的 属性 ， 如 图 6-83 所 示 。 芒 司 
EE -Ls Te 
a © s 站 | 图 层 1 Fr- 
小 小 图 | De 二 和 
4 © 醒 圆 角 矩形 1 
加 | fk.o 3. 
Dos 图 6-87 


按 住 Ctrl 键 单 击 文字 “小 小 画家 ”前 的 图 层 缩 览 
窗 ， 将 文字 载 入 选区 ， 如 图 6-84 所 示 。 


人 人 使 用 “ 自 定形 状 工具 ” 疙 .， 在 工具 属性 栏 中 选 
择 对 话 框 形状 ,设置 填充 为 无 ， 轮 廓 为 黑色 ， 


I6 


设置 合适 的 轮廓 参数 ， 在 舞 合 中 创建 形状 ， 如 


6-88 所 示 。 
| 
小 小 名 家 
图 6-88 
使 用 “转换 点 工具 ” 仆 ,/、“ 直 接 选择 工具 ” 民 .， 修 
改 创建 的 形状 ， 并 调整 形状 的 位 置 ， 如 图 6-89 
所 示 。 
中 下 二 家 
图 6-89 
人 个 改 形状 ， 设置 其 填充 为 白色 ， 如 图 6-90 


所 示 。 


,加 家 


图 6-90 
7 l 合 中 创建 文字 ， 如 图 6-91 所 示 。 


使 用 “画笔 工具 ”4 
的 装饰 ， 如 图 6.92 所 示 。 


Na 


i 
小 (名 | 家 


， 在 舞台 中 绘制 形状 周围 


图 6-92 
人 @ 人 将 标题、 文字 和 形状 放置 到 同一 个 图 层 组 中 ， 
如 图 6-93 所 示 。 


x 


如 


画 哇 【属性 
EE 
间 


历史 记录 
“四 OOTDOB 。 
~ 不 透明 度 : 100% 
上 中 共生 填充 :100% 
ea | 
e| |sl |ae 
但 效果 
信 图 案 到 加 
© 醒 辆 角 拒 f# 1 


fr 


DG@ 自 司仪 

图 6-93 
在 菜单 栏 中 选择 “文件 > 置 入 嵌入 对 象 ”命令 ， 
在 弹出 的 “ 置 入 嵌入 的 对 象 ”对 话 框 中 选择 随 
书 配备 资源 中 的 “ 喷 溅 .png” 文 件 ， 单 击 “ 置 
入 ”按钮 ， 负 


6-94 所 示 。 


FEEETT 


革 撤 到 doysolodd 荣 半 慎 


[®@1@ 王 ， 湛 时 6， fdb ES 


失 织 ”新建 文件 闪 "me 


EET 3 ”ge 


人 条 画 a /9 画 # 全 画 


网 BE 

各 计算 册 | 
EE] | 
己 可 和 (DJ | 
EEL] 一 
呈 本 地 菩 盘 (中 


Autodesk 60 ~ 


020 


文件 名 (Nj: 号 洲 


图 6-94 
人 置信 素材 后 调整 素材 的 位 置 和 大 小 ， 使 用 “ 


bp) 


移 


动工 具 ”4+.， 按 住 Alt 键 移动 复制 素材 ， 如 图 6-95 


所 示 。 


, 烤 加 家 


图 6-95 
选择 其 中 一 个 较 大 的 喷 溅 素材 ， 按 Ctrl+U 组 
键 ， 在 弹出 的 “色相 /饱和 度 ” 对 话 框 中 设置 
适 的 参数 ， 如 图 6-96 所 示 。 


看 色 (Q) 
a 


es 


图 6-96 
人 词 整 好 的 喷 溅 颜色 效果 如 图 6-97 所 示 。 
人 使 用 “ 横 排 文字 工具 ” 工 .在 舞台 中 创建 文字 
如 图 6-98 所 示 。 


118 


全 
[=] 


全 
[=] 


六 


童话 培训 机 构 少 儿 美 术 班 火热 招生 


全 使 用 “ 自 定 形状 


图 6-98 


具 ” 耸 .， 在 工具 属性 栏 中 选择 


合适 的 形状 ， 在 舞台 中 创建 装饰 形状 ， 如 图 6-99 


所 示 


GI 
Ds 


六 ed 


图 6-99 


使 用 “ 自 定形 状 工具 ”全 .在 


框 形状 ， 如 
形状 。 


6- 


00 所 示 ， 调 整 


全 
[=] 

和 全 
ES] 


中 创建 对 话 
适 的 角度 和 


多 ens 儿 美 术 班 火 as 


3 TR 


| 传 在 hl 时 字 图 层 上 鼠标 右 击 ， 在 弹出 的 快捷 
| pie ' 栅 格 化 文字 ”命令 ， 使 用 “多 边 
| 形 套 索 工具 ” 列 分 别 选择 文字 ， 使 用 “移动 
| 工具 ”中 .调整 文字 的 位 置 和 大 小 ， 调 整 后 按 
-EE | Ctrl+D 组 合 键 取消 选择 ， 使 用 同样 的 方法 调整 
| 
| 


DD a 
四 下 主 和 芝 让 ij 基 术 


他 文字 ， 如 图 6-103 所 示 。 


图 6-100 


按 住 Ctl 键 ， 单 击 对 话 框 形状 前 的 图 层 缩 览 窗 ， 
将 形状 载 入 选区 ， 创 建 一 个 新 图 层 ， 将 对 话 框 | 
形状 图 层 隐 藏 ， 使 用 画笔 工具 涂抹 对 话 框 ， 如 
图 6-101 所 示 。 


:四 A 中 村 自居 :ooy 
© ) 晶 组 : 


沪 童话 培训 机 构 少 / 儿 人 工 得 话 六 机 构 小 儿 美术 
自 形状 4 


六 口 9. 蝇 日 自 


图 6-103 
使 用 “多 边 形 套 索 工 具 ” 列 选择 如 图 6-104 所 示 
的 文字 ， 按 Ctrl+U 组 合 键 ， 在 弹出 的 “色相 / 饱 
和 度 ” 对 话 框 中 调整 合适 的 参数 ， 设 置 出 字体 
的 颜色 。 


图 6-101 


人 使 用 “ 横 排 文 字 工具 ”了 .在 舞台 中 创建 文字 注 
释 ， 如 图 6-102 所 示 。 


SS 


"EM: ow 

/ A Wt: 00% 站， 

~ sh Ee 
> 

| 


图 6-104 
使 用 “多 边 形 套 索 工具 ”有 列 .， 选 择 如 图 6-105 
所 示 的 文字 ， 按 Ctrl+U 组 合 键 ， 在 弹出 的 
“色相 /饱和 度 ” 对 话 框 中 调整 合适 的 参数 ， 
设置 出 字体 的 颜色 。 


”本 。 重 活 接 训 机 构 才 | 美术 - 


| 计 这 4 美 妇 


图 6-105 


图 6-102 


使 用 “多 边 形 套 索 工 具 ” 列 ,， 选 择 如 


示 的 文字 ， 按 CtrlLH+U 组 合 键 ， 在 弹出 的 


饱和 度 ” 对 话 框 中 调整 合适 的 参数 ， 设 置 出 字 


体 的 颜色 。 


全 在 亲 单 实 中 选择 “文件 > 置 入 嵌入 对 象 ” 


“ 置 入 ”按钮 ， 如 图 6-107 所 示 。 


在 弹出 的 “ 置 入 嵌入 的 对 象 ” 对 话 框 中 选择 | 
随 书 配备 资源 中 的 “卡通 人 .psd” 文 件 ， 单 击 


6-106 所 | 可 以 对 装饰 形状 素材 多 绘制 ( 复制 ) 一 些 ， 丰 
“色相 / | 满 画 面 ， 如 图 6-109 所 示 。 


3 章 放 培训 机 构 少 儿 美术 班 火热 
RE 


地 址 :山东 济南 济 洛 路 册 少 年 富 421 村 4 。 报名 外 线 : 400-8888-5555* 
图 6-109 
GEL, 本 案例 制作 完成 。 


OO "EE, 6, fb 9 E23 


六 机 
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和 最 3 的 (村 | 三 
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人 Autodesk 360 


[了 
[= Ed 


组 织 ”新 硅 交 件 夫 BE- 


6.5 优秀 作品 欣赏 


人 @@ 调整 素材 的 位 置 和 大 小 ， 使 用 “ 横 排 文字 工 


具 ”T. 在 舞台 中 继续 创建 文字 注释 ， 如 
所 示 。 


地 址 : 山东 济南 济 洛 路 青少年 宫 #21 楼 # 报名 热线 : 400-8888-5555* 


图 6-108 
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DM 广告 是 使 用 最 直接 的 方法 进行 传递 的 广告 ， 可 以 借助 邮寄 、 传 真 、 


| 
| 
| 杂志 、 电 视 、 电 子 邮 件 、 直 销 网 络 、 柜 台 散 发 、 专 人 送 达 、 来 函 索 取 、 随 商 
| 
| 


品 包装 发 出 等 。 


DM 广告 概述 


DM (Direct Mail advertising) 意 为 直接 邮寄 广 
告 ， 即 通过 邮寄 、 赠 送 等 形式 ， 将 宣传 品 送 到 消费 
者 手中 。 因 此 ，DM 广 告 是 区 别 于 传统 的 广告 刊载 
媒体 的 新 型 广告 发 布 载体 。 传 统 广告 刊载 媒体 贩卖 
4 是 内 容 ， 然 后 再 把 发 行 量 贩卖 给 广告 主 ， 而 DM 
“ 告 则 是 直接 传达 到 消费 者 手中 的 直接 性 广告 。 
图 7-1 所 示 为 DM 广告 单 页 和 折 页 的 优秀 作品 。 


本 章节 主要 分 析 和 介绍 DM 广告 的 设计 和 一 些 相关 内 容 。 


7.1.1 DM 广告 的 分 类 


DM 广告 有 广义 和 狭义 之 分 ， 广 义 上 包括 广告 
单 页 ， 如 大 家 熟悉 的 街头 埠 尾 、 商 场 超市 散布 的 传 
单 ， 肯 德 基 、 麦 当 劳 的 优惠 券 亦 包括 其 中 ， 如 图 7-2 
所 示 。 狭 义 的 仅 指 装订 成 册 的 集 纳 型 广告 宣传 画册 
(我 们 将 在 后 面 章 节 中 介绍 ) ， 页 数 在 20 多 页 至 
200 多 页 不 等 。 


涩 项 悄 站 许 沪 四 号 喜 类 上 许 于 dodsolouyd 芝 对 千 


图 7-2 ( 续 ) 


17.1.2 DM 广告 的 优点 


DM 广告 的 优点 非常 多 ， 但 DM 广告 充分 发 挥 出 
其 重要 的 作用 必须 有 一 个 优秀 的 商品 设计 来 支持 。 
巧妙 的 广告 诉求 会 使 DM 广告 达到 事半功倍 的 效果 。 

下 面 我 们 来 介绍 一 下 DM 广告 的 优点 。 

(1) DM 广告 要 有 针对 性 地 选择 目标 对 象 ， 避 
免 了 广告 单 页 的 浪费 。 

(2) 对 选 定 的 商品 直接 实施 广告 ， 这 样 的 广 
告 会 较 容易 地 使 目标 群众 自主 关注 商品 。 

(3) 一 对 一 地 直接 发 送 ， 使 广告 效果 直接 传 
递 到 受众 ， 使 广告 效果 达到 最 大 化 。 

(4) 不 会 引起 同类 产品 的 直接 竞争 ， 有 利于 
中 小 型 企业 避 开 与 大 企业 的 正面 交锋 ， 潜 心 发 展 壮 
大 企业 。 

(5) 可 以 自主 选择 广告 时 间 、 地 点 ， 灵 活性 
大 ， 更 加 适应 善 变 的 市 场 。 

(6) 推销 产品 ， 当 广告 传递 到 人 们 的 手中 
时 ， 可 以 尽情 地 表达 和 阐述 商品 的 信息 ， 让 消费 者 
全 面 了 解 产品 。 


(7) 内 容 自由 ， 有 利于 第 一 时 间 抓 住 消费 者 
的 眼球 。 

(8) 信息 反馈 直接 ， 有 利于 买卖 双方 的 
沟通 。 
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(9) 广告 主 可 以 根据 市 场 的 变换 ， 随 时 对 广 
告 活动 进行 调控 。 

(10) 摆脱 中 间 商 的 控制 。 

(11) 效果 客观 可 测 ， 广 告 主 可 以 根据 这 个 效 
果 重 新 调配 广告 费 和 广告 计划 。 


17.1.3“DM 广 告 的 设计 制作 方法 


好 的 设计 和 制作 会 使 DM 广 告 事半功倍 ， 下 面 
我 们 将 分 析 DM 广 告 的 设计 制作 方法 。 

(1) 分 析 商 品 。 了 解 和 掌握 商品 ， 熟 知 商 品 
针对 的 人 群 和 针对 人 群 的 心理 ， 根 据 商 品 和 人 群 进 
行 设计 。 

(2) 新 颖 的 设计 。 精 美的 设计 会 更 加 吸引 人 
们 的 眼球 ， 可 以 在 折 县 和 纸张 上 面 玩 些小 花样 ， 
让 人 耳目 一 新 ， 如 图 7-3 所 示 的 DM 广告 设计 的 优秀 
作品 。 


(3) 自由 发 挥 。DM 广 告 的 设计 形式 无 任 
何 法 则 也 没有 任何 拘束 ， 可 以 多 种 形式 表现 商品 
信息 。 

(4) 考量 布局 和 排版 。 根 据 其 邮寄 和 传递 的 
方式 考虑 其 折 县 方式 和 尺寸 大 小 以 及 实际 重量 。 

(5) 配 图 。 在 配 图 上 可 以 选择 与 传递 信息 相 
关联 的 图 案 ， 刺 激 人 们 的 记忆 。 
(6) 色 彩 。 除 了 配 图 ， 在 色彩 方面 也 需要 慎 
重 ， 用 好 了 色彩 会 使 人 产生 购买 的 欲望 和 印象 。 


鸭 小 报 没 有 太 多 的 区 别 ， 纸 质 粗 糙 ， 内 容 低 劣 ， 是 
一 种 避 之 不 及 的 广告 垃圾 。 
(8) 主题 和 口号 要 响亮 。 好 的 标题 是 成 功 的 


一 半 ， 好 的 标题 不 仅 能 让 人 耳目 一 新 ， 而 且 还 会 产 
生 较 强 的 诱惑 力 ， 引 导读 者 的 好 奇 心 ， 吸 引 他 们 不 


自主 地 看 下 去 。 


上 儿童 直 彤 。 全美 一 折 


次 大 礼包 四 实惠 


LA 全民 大 和 有 网 区 家 
nn nm rep 


17.2.1 设计 思路 


守 

加 ”案例 类 型 [i 

本 案例 制作 一 款 儿童 摄影 DM 宣 所 友 看 视频 
传单 页 的 设计 。 
加 ”项目 分 析 


摄影 是 一 门 随 着 传统 摄影 技术 形成 和 发 展 而 
产生 的 摄影 应 用 科学 。 随 着 人 们 物质 水 平 的 提高 
现在 人 们 都 不 想 为 自己 留 下 遗憾 ， 更 不 想 给 孩子 留 
下 任何 遗憾 ， 所 以 造就 了 儿童 摄影 行业 的 不 断 提高 


和 饱和 ， 要 想 在 这 么 多 摄影 工作 室 和 公司 中 脱 颖 ， 


而 出 ， 除 了 有 一 定 的 拍照 技术 和 技巧 外 ， 还 需要 
宣传 。 


”加 “项目 诉求 


在 设计 中 我 们 需要 添加 一 些 自己 的 作品 ， 并 针 


， 对 本 店 的 活动 进行 大 力 宣传 。 


图 ”设计 定位 
于 针对 的 用 户 为 儿童 ， 所 以 我 们 需要 在 制作 


， 中 添加 一 些 较为 卡通 的 元 素 。 根 据 需 求 我 们 要 添加 
一 些 带 有 立体 功能 的 照片 作品 ， 以 突出 的 方式 展现 
(7) 纸张 。 在 众人 看 来 ，DM 广 告 与 街头 散发 ， 


本 店 的 活动 和 特色 。 


“1 7.2.2 构图 方式 


本 案例 采用 整体 均衡 的 稳定 形 构图 方式 ， 画 面 
的 整体 部 分 相对 完整 ， 且 分 配 均匀 将 主题 放置 到 中 
心 偏 左 的 位 置 。 


17.2.3 同类 作品 欣赏 


7.2 | 
宣传 单 页 设计 


上 7.2.4 ”项 目 实战 


| 国 。 制作 流程 


本 案例 首先 绘制 椭圆 ， 调 整 图 像 的 色调 ， 添 加 
噪点 ， 设 置 动感 模糊 效果 ， 设 置 阴影 颜色 和 高 光 颜 
色 ， 调 整 图 像 的 模糊 效果 ; 然后 设置 描 边 、 投 影 、 
内 发 光 、 渐 变 释 加 等 效果 ; 最 后 创建 对 话 框 形状 ， 
创建 文字 注释 ， 如 图 7-4 所 示 。 
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只 WG 岩 2 潍 


蒜 放 到 dodsolouUd 荣 半 壬 


半 洒 四 洁 


贰 丑 叭 出 
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儿童 倍 凡 a nm 


Kes OR | 


技术 要 点 


使 用 “动感 模糊 ”命令 设置 动感 模糊 效果 ; 

| 使 用 “加 深 工 具 ” 和 “ 减 淡 工具 ”设置 阴影 颜 

， 色 和 高 光 颜 色 

使 用 “收缩 选区 ”命令 收缩 选区 ; 

使 用 “高 斯 模糊 ”命令 调整 图 像 的 模糊 效果 ; 

使 用 “图 层 样 式 ” 设 置 图 层 的 描 边 、 投 影 、 内 

发光、 渐变 琶 加 等 效果 ; 

使 用 “ 自 定形 状 工具 ”创建 对 话 框 形状 ; 

使 用 “ 横 排 文字 工具 ”创建 文字 。 

| 国 。 操作 步骤 

运行 Photoshop 软 件 ， 在 “欢迎 ”界面 中 单 击 
“新 建 ”按钮 ， 在 弹出 的 “新 建文 档 ” 对 话 框 

| 中 设置 “宽度 ”为 240 毫 米 、“ 高 度 ” 为 297 毫 
il。 全 关 一 和 | 米 、 分 辨 率 为 300 像 素 /英寸 ， 单 击 “ 创 建 ” 按 

@@ 太 H 包 人 @ 实 束 钮 ， 如 图 7-5 所 示 。 


全 民 闹 竹 失 购 庆 豪 礼 
IPM NOS AIOE 


上 1 i 2 
图 7-5 


新 建 “ 图 层 1”， 删 除 “背景 ”图 层 ， 填 充 “ 图 
层 1” 当 前 舞台 为 白色 ， 如 图 7-6 所 示 。 


”Fi @. 昕 加 会 


| 图 7-6 
人 | 人 @ 契 浊 翌 选择 “文件 置 入 说 和 对象" 命令 ， 
使 用 “色相 /饱和 度 ” 命 令 调整 图 像 的 色调 ”在 弹出 的 “ 置 入 汶 入 的 对 象 ”对 话 框 中 选择 随 
人 书 配 备 资源 中 的 “天 空 素 材 .png” 文件， 单 击 
使 用 “添加 杂 色 ”命令 添加 唉 点 : 


“ 置 入 ”按钮 ， 如 图 7-7 所 示 。 


以 根据 情况 自由 调试 ， 直 到 满意 为 止 。 


! 
| PH 
| a- x a- mel es | 
-可 上 | | 2 关 vv 四 GOTDB e 
人 | | | 王 ~ 本 本 明度 : so% ~ 
加 05 独 E: 田 了/ 沾 儒 全 塘 入 :100% ~ 
-人 | ) 国 组 1 拷贝 2 四 
biao © 
看 各 用 仿 ) 国 组 1 拷贝 4 
二 . 》 国 组 1 拷贝 
文件 各 (N)， 天宇 素 材 .png - [me 本 | ;时 2 
[ae |] Cw + 
图 7-7 o[ ] 
置 入 天 空 素材 后 ， 按 Ctrl+U 组 合 键 ， 在 弹出 的 含 相 网 和 度 去 
“色相 /饱和 度 ” 对 话 框 中 设置 合适 的 参数 ， 调 


| ; 
| mA 及 口 OD 昌 全 


整 天 空 全 适 的 色调 ， 如 图 8 所 示 。 


图 7-12 
将 云彩 所 在 的 图 层 组 和 图 层 全 部 选中 ， 并 将 其 
放置 到 同一 个 图 层 组 中 。 继 续 在 舞台 中 绘制 
椭圆 ， 设 置 填充 为 绿色 ， 轮 廓 为 无 ， 如 图 7-13 
所 示 。 
口 着 色 (9) 
表 居 殉 预览 (P) 
图 7-8 === === = = 


人 @@ 调整 天 空 素材 的 位 置 和 大 小 ， 如 图 7-9 所 示 。 
使 用 “椭圆 工具 ”个 .， 在 舞台 中 创建 多 个 椭 
圆 ， 设 置 填充 为 白色， 轮廓 为 无 ， 绘 制 卡通 云 
彩 ， 如 图 7-10 所 示 。 


pm ~ aornae® 
正常 ~ | 了 T 通 明度 ; 100% ~ 
钢 E: 田 了/ 中 本 个 填充 : 100% “| 


-2 


人 将 绘制 的 卡通 云彩 图 层 放置 到 一 个 图 层 组 ( 或 © J zo 3 
合并 为 一 个 图 层 ) ， 对 云彩 进行 复制 ， 可 以 调 =。 图 二 mr co 加 
整 其 远 处 云彩 的 不 透明 度 ， 合 适 即 可 ， 如 [| wes 六 
图 7-11 所 示 。 > 告 

© 图 层 1 
® 友 . 中 1 . 国 | -| 
图 7-13 
人 @ 在 荣 单 栏 中 选择 “ 涉 镜 > 杂 色 > 添加 杂 色 ” 命 
令 ， 在 弹出 的 “添加 杂 色 ”对 话 框 中 设置 合适 
的 参数 ， 如 图 7-14 所 示 。 
图 7-9 图 7-10 图 7-11 


在 菜单 栏 中 选择 “ 滤 镜 > 模糊 > 动感 模糊 ” 命 
(复制 出 云彩 后 的 图 层 组 如 图 7-12 所 示 。 用 户 可 令 ， 在 弹出 的 “动感 模糊 ”对 话 框 中 设置 合适 
本 层 组 来 改变 云彩 的 效果 ， 这 里 可 的 参数 ， 如 图 7-15 所 示 。 


125 


El 


126 


图 7-14 图 7-15 


如 图 7-16 所 示 。 


5 

四 ) 国 云 分 琴 

。 园 =e 
3 


@ 名 相 /饱和 委 
四 PS: 


图 7-16 


使 用 “加 深 工具” 会 ,绘制 出 绿色 椭圆 的 暗部 区 


域 ， 如 图 7-17 所 示 。 
ms 至 
PXI 


" 减 淡 工 具 ” 忆 ,绘制 出 绿色 椭圆 的 高 光 ， 


多 WE: 田 J/ 出 寺 全 0% ~ 


Es 


云 


ODO 0. 日 日 自 


网 


-加 TDBe 


| 豆 ~、 明度: 100% ~ 


. 
CE 
| 

ae 国 xs 


ol | sse 
© /ae 
© 本 层 1 


图 7-17 


在 舞台 中 对 绿色 的 椭圆 图 像 进行 复制 ， 调 整 复 


制图 像 的 位 置 和 大 小 ， 如 图 7-18 所 示 。 


图 7-18 


We! /f+ BO Rt: 0% ~ 


O» 


到 


> 名 DD 9 日 站 


| 人 分别 为 绿色 椭 加 地 面 调整 “色相 /饱和 度 ”， 


调整 它们 的 颜色 ， 使 其 不 统一 即 可 ， 如 图 7-19 


所 示 。 


图 7-19 


在 “图 层 ” 面 板 中 选择 所 有 的 绿色 椭圆 


按 Ctrl+E 组 合 键 ， 合 并 为 一 个 图 
所 示 。 


es 到 
Pas -| 四 eraae 
下 ~ 不 租 明 度 : 100% | ~ 
鲍 E: 轿 /中 二 全 项; 100% ~ 
= 上 | 
。 围 = Ee 
©| | ies 入 
号 色相 /多 和 度 过 
虽 图 导 1 


层 ， 如 


按 住 Ctrl 键 ， 单 击 确定 合并 后 的 绿色 图 像 图 层 
前 的 缩 览 窗 ， 将 其 载 入 选区 ， 在 菜单 栏 中 选择 
“选择 > 修改 > 收缩 ”命令 ， 在 弹出 的 “收缩 选 
区 ”对 话 框 中 设置 合适 的 “收缩 量 ”， 如 


图 7-21 所 示 。 


按 Ctrl+Shift+I 组 合 键 ， 设 置 选区 的 反选 效果 ， 


如 图 7-22 所 示 。 


图 7-21 
在 菜单 栏 中 选择 “ 滤 镜 > 模糊 > 高 斯 模糊 ” 命 
令 ， 在 弹出 的 “高 斯 模糊 ”对 话 框 中 设置 合适 
的 模糊 参数 ， 如 图 7-23 所 示 。 


图 7-22 


(E33D) 
(取消 ) 
加 祯 上 (Pp) 


图 7-26 
继续 在 舞台 中 创建 文字 ， 设 置 合 适 的 字体 大 
小 ， 选 择 合适 的 字体 ， 如 图 7-27 所 示 。 


人 M 设 置 模糊 后 ， 取消 选区 的 选择 ， 在 舞台 中 创建 
文字 ， 如 图 7-24 所 示 。 


图 7-27 
按 住 Ctrl 键 ， 单 击 标题 文字 前 的 图 层 缩 览 窗 ， 将 
其 载 入 选区 ， 在 菜单 栏 中 选择 “选择 > 修改 > 扩 
展 ” 命 令 ， 在 弹出 的 “扩展 选区 ”对 话 框 中 设 
置 合适 的 参数 ， 如 图 7-28 所 示 。 


图 7-24 
全 双击 创建 的 文字 图 层 ， 在 弹出 的 “图 层 样 式 ” 
对 话 框 中 选择 “渐变 硬 加 ”选项 ， 从 中 设置 合 
适 的 渐变 二 加 参数 ， 如 图 7-25 所 示 。 


下 人 INQ 册 2 沂 


XU ， 红 训 WE 


图 7-25 
人 0 渐变 看 加 后 的 文字 效果 如 图 7-26 所 示 。 | 图 7-28 
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使 创 建 先 区 后 ， 新 建 图 层 ， 填 充 选 区 合适 的 颜 


| 人 调整 好 填充 文字 的 效果 后 ， 双 击 其 所 在 的 图 
色 ， 如 图 7-29 所 示 。 | 


层 ， 在 弹出 的 “图 层 样 式 ”对 话 框 中 勾 选 “ 描 
边 ” 复 选 框 ， 设 置 合适 的 描 边 参数 ， 如 图 7-33 


图 7-30 


站 mizeatit 
EET 


全 调整 好 颜色 后 按 Ctrl+D 组 合 键 ， 取消 选区 的 选 
择 ， 使 用 “多 边 形 套 索 工具 ” 列 ,， 在 舞台 中 选 
择 如 图 7-31 所 示 的 区 域 ， 按 Ctrl+U 组 合 键 ， 在 


| 
加 BE | | 
Pp 加 OTDR | 所 示 。 
正常 ~ 不 对 明度 : 100% ! 
:图 。 中 世 i: 100% | 
-。 国 | 
TT 到 ls 主 i | 
全 ”本 靖 心 员 计 专业 ER .所 ^ | 
© | 
但 新 到 要 加 | 
中 © T toco 司 ， | 
文 2 | 
版 mm BD @. 回 加 便 | 
过 图 7-29 | 
8 使 用 “多 边 形 套 索 工具 ”六 .， 在 舞台 中 选择 如 
日 图 7-30 所 示 的 区 域 ， 按 Ctrl+U 组 合 键 ， 在 弹出 图 7-33 
I 的 “色相 /饱和 度 ” 对 话 框 中 设置 合适 的 色调 。 | 兮 继续 色 先 “投影 ” 复 选 框 ， 设 置 合适 的 参数 ， 
从 F 加 | 单 击 “确定 ”按钮 ， 如 图 7-34 所 示 。 
是 | 
设 | 
后 | 二 二 
全 | Ch 
解 
析 | 
| 


弹出 的 “色相 /饱和 度 ” 对 话 框 中 设置 合适 的 


图 7-34 
合 词 整 图 层 样式 后 的 效果 如 图 7-35 所 示 。 
使 用 同样 的 方法 创建 文字 ， 设 置 文字 的 选区 ， 
填充 选区 颜色 ， 设 置 合适 的 色调 和 图 层 样式 ， 
如 图 7-36 所 示 。 


使 用 同样 的 方法 调整 如 图 7-32 所 示 的 区 域 的 


色调 。 


图 7-35 图 7-36 


ol 
5 A AL Ome) 


使 用 “ 自 定形 状 工具 ” 谷 .， 在 舞台 中 创建 对 话 
框 形 状 ， 设 置 形状 的 填充 为 桶 红色 ， 在 对 话 框 
中 输入 文字 ， 如 图 7-37 所 示 。 
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图 7-37 | 
人 在 菜单 栏 中 选择 “文件 > 置 入 嵌入 对 象 ” 命令， | 


在 弹出 的 “ 置 入 嵌入 的 对 象 ”对 话 框 中 选择 爹 


随 书 配备 资源 中 的 “热气 球 .psd” 文 件 ， 单 击 
“ 置 入 ”按钮 ， 如 图 7-38 所 示 。 


图 7-38 
全 在 舞台 中 复制 并 调整 素材 ， 如 图 7-39 所 示 。 
在 舞台 中 创建 文字 注释 ， 结 合 使 用 “椭圆 工 
具 ” 创 建文 字 底 纹 ， 如 图 7-40 所 示 。 


y 
VA 1 向 房 


儿 而 漳 滋 全美 一 折 


起 大 礼包 图 实惠 


全 民 辣 玫 肥 购 碟 刘 社 


图 7-40 | 
人 @@ 在 荣 单 栏 中 选择 “文件 > 置 入 赔 入 对 象 ” 命令， 


图 7-39 


在 弹出 的 “ 置 入 嵌入 的 对 象 ”对 话 框 中 选择 
随 书 配备 资源 中 的 “照片 01.JPG” 文 件 ， 单 击 


“ 置 入 ”按钮 ， 如 图 7-41 所 示 。 
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置 入 照片 素材 后 ， 在 舞台 中 调整 素材 的 大 小 和 
角度 ， 如 图 7-42 所 示 。 


儿童 坦 寿 至 美 一 拍 


起 大 礼包 图 实惠 


全 民 疯 狂 抢购 送 豪 礼 
Bs EE 


图 7-42 
双击 照片 图 层 ， 在 弹出 的 “图 层 样 式 ” 对 话 框 
中 勾 选 “ 描 边 ” 复 选 框 ， 设 置 合适 的 描 边 参 
数 ， 如 图 7-43 所 示 。 


| | 


图 7-43 
继续 勾 选 “投影 ” 复 选 框 ， 设 置 合适 的 投影 
数 ， 如 图 7-44 所 示 。 


129 


中 TANQ 央 2 沂 


爱 % 宇 宝 


”Ss = 


儿童 坦 谨 天 9 


起 大 礼包 人 @ 实惠 
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图 7-45 
信使 用 同样 的 方法 导入 另 两 张 照片 ， 并 调整 合适 
的 效果 。 
人 全 在 菜单 栏 中 选择 “文件 > 置 入 嵌入 对 象 ”命令 ， 


“ 置 入 ”按钮 ， 如 图 7-46 所 示 。 


图 7-46 


图 7-47 所 示 。 
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《调整 各 个 素材 的 位 置 ， 在 底部 输入 文字 ， 如 | 


在 弹出 的 “ 置 入 嵌入 的 对 象 ”对 话 框 中 选择 ， 
随 书 配备 资源 中 的 “卡通 花 .png” 文 件 ， 单 击 | 


和 


Cr 


儿童 揭 锋 Es- 6 一 


二 


这 样 正面 的 DM 宣传 单 页 就 制作 完成 了 。 按 
Ctrl+S 组 合 键 ， 在 弹出 的 “另存 为 ”对 话 框 中 
选择 存储 路 径 ， 为 文件 命名 ， 使 用 默认 的 .psd 格 
式 即 可 ， 单 击 “ 保 存 ” 按 钮 ， 如 图 7-48 所 示 。 


en 
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ER 
ep 
et 


ET 


继续 在 菜单 栏 中 选择 “文件 > 另存 为 ”命令 ， 
存储 背面 文件 ， 重 新 命名 一 个 文件 名 称 ， 单 
击 “保存 ”按钮 ， 存 储 两 个 文件 ， 如 图 7-49 
所 示 。 


图 7-49 


人 @ 闻 下 面 的 宣传 单 页 文件 关闭 ， 打 开 存储 的 宣 | 
传单 页 的 背面 ， 删 除 不 需要 的 素材 ， 如 图 7-50 | 数 ， 如 图 7-53 所 示 。 


所 示 。 


图 7-50 


使 用 “ 横 排 文字 工具 ”T.， 在 舞 合 中 创建 文 
字 ， 并 设置 文字 的 属性 。 在 工具 属性 栏 中 单 击 
“创建 文字 变形 ”按钮 天 ， 弹 出 “变形 文字 ”对 


话 框 ， 从 中 设置 变形 文字 参数 ， 如 图 7-51 所 示 。 


图 7-51 
设置 变形 文字 后 ， 双 击 文字 图 层 ， 在 弹出 的 
“图 层 样式 ”对 话 框 中 勾 选 “光泽 ” 复 选 框 ， 
设置 合适 的 光泽 参数 ， 如 图 7-52 所 示 。 


图 7-52 


继续 勾 选 “投影 ” 复 选 框 ， 设 置 合适 的 投影 参 


图 7-53 


图 7-54 

全 在 菜单 栏 中 选择 “文件 > 置 入 嵌入 对 象 ”命令 ， 

在 弹出 的 “ 置 入 嵌入 的 对 象 ”对 话 框 中 选择 随 

书 配备 资源 中 的 “父子 .png” 文 件 ， 单 击 “ 置 
入 ”按钮 ， 如 图 7-55 所 示 。 


©O [hwexe , R41 , Ste EF pi 
副 织 ” 新建 导 天 "Oe 
六 or 
be 


| 图 7-55 
D532 “父子 .png” 文 件 ， 如 图 7-56 所 示 。 


J ”人 调整 素材 的 位 置 和 大 小 ， 如 图 7-57 所 示 。 


lal 


下 TANQ 册 2 沂 


El 


以 双击 变形 文字 图 层 前 的 文字 缩 览 图 ， 在 弹出 
的 “变形 文字 ”对 话 框 中 设置 合适 的 参数 ， 如 
图 7-61 所 示 。 


图 7-56 图 7-57 
全 在 舞台 中 创建 如 图 7-58 所 示 的 标题 。 


[AN 


样式 (5): 团 增加 


@ 水 平 (H) 口算 直 (V) 
弯曲 (B): 


水 平 扭曲 (0): 


垂直 扭曲 (E): 


图 7-61 
图 7-58 | 例 调整 后 的 效果 如 图 7-62 所 示 。 


人 双击 他 对 的 文字 的 所 在 图 层 ， 在 “图 导 桂 式 ，。 i 按 Cul+R 组 全 刍 ， 在 短 台 中 指 和 出 二 线 ， 加 
对 话 框 中 多 选 “ 描 边 ” 复 选 框 ， 设 置 合适 的 参 ”图 7.63 所 示 ， 根 据 辅助 线 来 添加 照片 ， 调 整 照 
数 ， 如 图 7-59 所 示 。 | 片 的 位 置 。 


图 7-62 图 7-63 


国 7-59 ”全 在 衣 单 栏 中 选择 “文件 ~ 置 入 赔 入 对 象 ” 命令， 

例 继续 勾 选 “ 投 影 ” 复 选 框 ， 设 置 合适 的 参 ”在 弹出 的 “ 置 入 嵌入 的 对 象 ” 对 话 框 中 选择 随 

数 ， 如 图 7-60 所 示 。 ， 书 配 备 资源 中 的 “照片 07.JPG"” 文件 ， 单 击 
人 这 里 我 们 可 以 看 到 变形 文字 的 幅度 有 点 大 ， 可 ， “ 置 入 ”按钮 ， 如 图 7-64 所 示 。 
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图 7-64 


置 入 素材 后 调整 其 位 置 和 大 小 ， 如 图 7-65 


所 示 。 


\ 


图 7-65 


使 用 “ 圆 角 矩形 工具 ” 回 . 在 舞台 中 创建 圆 角 矩 
形 形 状 ， 设 置 描 边 为 无 、 填 充 为 无 ， 如 图 7-66 


所 示 。 


图 7-66 
按 Ctrl+Enter 组 合 键 ， 将 圆 角 矩形 载 入 选区 ， 
“图 层 ” 面 板 底部 单 击 “ 添 加 图 层 蒙 版 ” 
钮 加 ， 创 建 图 像 的 遮 直 ， 如 图 7-67 所 示 。 


在 
按 


使 用 同样 的 方法 置 入 其 他 照片 ， 并 调整 照片 之 


间 的 间距 ， 如 图 7-68 所 示 。 


图 7-68 


将 所 有 的 照片 图 层 放置 到 一 个 图 层 组 中 ， 双 击 
照片 图 层 组 ， 在 弹出 的 “图 层 样式 ”对 话 框 中 


选择 “内 发 光 ” 选 项 ， 设 置 合适 的 内 发 光 参 


数 ， 如 图 7-69 所 示 。 


ag 


继续 使 用 文字 和 图 形 工 具 创 建 其 他 内 容 ， 如 
图 7-70 所 示 ， 这 样 儿童 摄影 DM 的 背面 效果 也 制 


作 完 成 。 


活动 因 间 前 30 名 订购 家 许 就 这 16 
旭 有 二 订 本 攻克 只 了 有 国 不 了 1 
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浔 需 忆 淖 诗 扎 四 号 训 类 上 许 避 dodsolouyd 芝 半 午 
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17.3.1 “设计 思路 


史 ee 
加 ”案例 类 型 和 
本 案例 是 制作 一 款 下 午 茶 的 三 折 页 设计 。 
图” 项目 诉 求 


本 案例 主推 下 午 茶 套 餐 ， 希 望 将 主推 的 甜点 放 
置 到 页 面 中 ， 并 在 正面 主页 中 写 出 活动 内 容 。 
图 ”设计 定位 

下 午 茶 是 餐饮 方式 之 一 ， 用 餐 时 间 介 于 午餐 和 
晚餐 之 间 ， 一 般 来 讲 下 午 茶 的 饮品 为 果汁 、 茶 水 、 
咖啡 ,一 般 下 午 茶 配 备 的 点 心 为 三 明治 ， 也 有 种 类 
很 多 的 甜点 供 大 家 选择 ， 如 图 7-71 所 示 。 
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图 7-71 ( 续 ) 

根据 下 午 茶 的 特点 我 们 将 设计 成 一 款 让 人 轻 
松 、 悠 闲 的 下 午 茶 三 折 页 效果 。 在 主页 和 尾 页 中 我 
们 将 添加 本 店 特 推 的 茶点 ， 配 以 活动 来 吸引 顾客 。 


| 7.3.2 ”配色 方案 


在 配色 上 我 们 将 使 用 代表 下 午 的 暖 黄 与 淡 粉 的 
结合 色 ， 主 要 体现 温暖 的 色调 和 清新 的 感觉 ， 配 色 
上 我 们 将 会 使 用 同一 色 系 的 较 暗 的 一 种 色彩 ， 使 整 
个 色彩 搭配 上 形成 统一 的 效果 。 


| 7.3.3 ”同类 作品 欣赏 


四 电 下 介 
ME 


| 7.3.4 “项 目 实战 


国 ”制作 流程 

本 案例 首先 置 入 素材 图 像 ， 然 后 创建 矩形 ， 绘 
制 形 状 ， 创 建 图 像 的 遮 单 ;最 后 创建 文字 注释 ， 如 
7-72 所 示 。 
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图 7-72 
国 ”技术 要 点 
用 “ 置 入 嵌入 对 象 ”命令 ， 置 入 素材 ; 
使 用 “和 矩形 工具 ”创建 矩形 ; 
使 用 “椭圆 工具 ”和 “ 圆 角 和 矩形 工具 ”绘制 
形状 ; 


| (继续 复制 矩 形 形 状 ， 在 “属性 ”面板 中 修改 


使 用 “钢笔 工具 ”创建 图 形 ; 

使 用 “添加 图 层 蒙 版 ”按钮 ， 创 建 图 像 的 
遮 单 ; 

使 用 “直线 工具 ”绘制 直线 ; 

使 用 “ 横 排 文字 工具 ”创建 文字 。 
图 ”操作 步骤 
运行 Photoshop 软 件 ， 在 “欢迎 ”界面 中 单 击 
“新 建 ”按钮 ， 在 弹出 的 “新 建文 要 ”对 话 框 
中 设置 “宽度 ”为 285 毫 米 、“ 高 度 ” 为 210 
毫米 ， 设 置 “分 辩 率 ”为 300 像 素 /英寸 ， 单 击 
“创建 ”按钮 ， 如 图 7-73 所 示 。 
ES 
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图 7-73 


使 用 “ 德 形 工具 ” 回 ,， 在 舞台 中 创建 和 矩 形 ， 设 
置 “ 宽 度 ” 为 94 毫 米 、“ 高 度 ” 为 210 毫 米 ， 丸 
图 7-74 所 示 。 
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图 7-74 

使 用 “移动 工具 ”中 ,， 按 住 Alt 键 移动 复制 矩 
形 ， 使 用 “路 径 选 择 工 具 ”N.， 在 舞台 中 选择 
复制 的 矩形 ， 在 “属性 ”面板 中 修改 “宽度 ” 
为 95 毫 米 ， 设 置 合适 的 参数 ， 如 图 7-75 所 示 。 


“宽度 ”为 96 毫 米 ， 如 图 7-76 所 示 。 
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图 7-78 
使 用 “钢笔 工具 ”分 .， 在 舞台 中 绘制 如 图 7-79 
所 示 的 路 径 。 
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图 7-76 


图 7-79 
新 建 一 个 图 层 ， 按 Ctrl+Enter 组 合 键 ， 将 钢笔 绘 
制 的 路 径 载 入 选区 ， 填 充 一 种 颜色 ， 如 图 7-80 
所 示 。 


(0 在 菜单 栏 中 选择 "文件 > 置 入 嵌入 对 象 ”命令 ， 
在 弹出 的 “ 置 入 嵌入 的 对 象 ”对 话 框 中 选择 随 
书 配 备 资源 中 的 “花花 背景 .psd” 文 件 ， 单 击 
“ 置 入 ”按钮 ， 如 图 7-77 所 示 。 
于 入 吕 和 的 对 一 一 
9 PREETIE TI 


图 7-77 


人 @ 至 和 开标 后 ， 调 整 素材 的 位 置 和 大 小 ， 按 住 cal 人 


键 ， 单 击 第 一 个 矩形 前 的 图 层 编 览 窗 ， 将 第 一 人 @ 选择 填充 后 的 图 层 ， 按 Ctl 键 ， 音 击 第 三 个 息 形 
”图 层 所 在 的 图 层 缩 览 窗 ， 将 其 载 入 选区 ， 单 


个 矩形 载 入 选区 ， 如 图 7-78 所 示 。 在 “图 层 ” | 人 。 
面板 中 选择 “花花 背景 * 图 层 ， 单 击 “添加 图 。 ”而 “添加 图 层 蒙 版 ”按钮 口 ， 创 建 庆 嚼 ， 


层 蒙 版 按钮， 创建 选区 这 军 。 图 7-81 所 示 。 
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“直线 工具 ”7.,， 在 舞台 中 每 个 矩形 之 间 ， 
加 | 2 
创建 分 割 线 ， 如 图 7-82 所 示 。 SR hb 
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图 7-82 图 7-85 
在 舞台 中 修改 颜色 的 RGB 为 251、230、222， 如 《他 在 菜单 栏 中 选择 “文件 > 置 入 嵌入 对 象 ”命令 ， 


图 7-83 所 示 。 | 在 弹出 的 “ 置 入 嵌入 的 对 象 ”对 话 框 中 选择 随 
| 书 配备 资源 中 的 “丝带 .png” 文 件 ， 单 击 “ 置 
入 ”按钮 ， 如 图 7-86 所 示 。 
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图 7-83 | 
修改 颜色 后 ， 使 用 “ 圆 角 矩 形 工具 ” 回 ,, 在 工 
具 属性 栏 中 设置 合适 的 “半径 ”参数 ， 在 舞台 ， 图 7-86 
中 绘制 如 图 7-84 所 示 的 底 纹 矩形 。 ”守信 素材 后 ， 调 整 素材 的 位 置 和 大 小 ， 妆 
《信使 用 “ 模 排 文字 工具 ” 工 - 在 舞台 中 创建 文字 ， 。 。 图 7-87 所 示 。 
如 图 7.85 所 示 ， 调 整 文字 合适 的 属性 和 颜色 。 。 《他 继续 秆 入 “草花 重 糕 ,png ”素材 ， 如 图 7-88 


所 示 。 
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《他 在 舞台 中 使 用 “椭圆 工具 ”个 .绘制 椭圆 ， 如 | 
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图 7-88 
置 入 素材 后 ， 调 整 素材 的 位 置 和 大 小 ， 如 
图 7-89 所 示 。 
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图 7-89 


图 7-90 所 示 ， 设 置 椭圆 为 无 填充 和 无 轮廓 。 


| 按 Ctrl+Enter 组 合 键 ， 将 椭圆 载 入 选 


区 ， 选 择 


“草莓 蛋糕 ”所 在 的 图 层 ， 单 击 “ 添 加 图 


云 短 


版 ”按钮 加 ， 创 建 遮 罩 ， 并 设置 椭圆 
白色 作为 底 色 ， 如 图 7-91 所 示 。 
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图 7-91 
使 用 “ 横 排 文字 工具 ”T.， 在 舞台 中 创建 文 
字 ， 如 图 7-92 所 示 。 


图 7-92 


| 在 文字 的 底部 创建 椭圆 ， 分 别 设置 椭圆 的 填充 


和 轮廓 ， 如 图 7-93 所 示 。 
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图 7-93 


距 ， 如 图 7-94 所 示 。 
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“ 横 排 文字 工具 ”人 工 .， 在 舞台 中 创建 文 
字 ， 设 置 文字 的 属性 ， 注 意 需要 设置 文字 


汐 间 


使 用 “直线 工具 ”7 .在 舞 合 中 绘制 斜 线 ， 设 置 ， 
合适 的 填充 ， 设 置 为 无 轮廓 ， 如 图 7-95 所 示 。 
Se 
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全 伏 续 创建 文字 ， 如 图 7-96 所 示 。 


NE @- 食 - 


下 / 午 / 茶 / 特 / 惠 / 啦 


Afternoon tea is on sale. 


图 7-96 
全 人 " 横 排 文 字 工具 ”T. 和 “矩形 工具 ” 回 ., 创 
建 活动 内 容 ， 如 图 7-97 所 示 。 
SZ 十 7 


Wf lol enos 


4， 由 sa 下午 蔡 人 


图 7-97 | 
命 磋 单 栏 中 选择 “文件 > 置 入 嵌入 对 象 ”命令 ， 


在 弹出 的 “ 置 入 嵌入 的 对 象 ”对 话 框 中 选择 随 ， 人 


书 配备 资源 中 的 “未 标题 -1.png” 文 件 ， 单 击 
“ 置 入 ”按钮 ， 如 图 7-98 所 示 。 


图 7-98 
置 入 素材 后 ， 调 整 素材 的 位 置 和 大 小 ， 包 
图 7-99 所 示 。 
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a 下 /生计 人/ 下 /本 


< 
和 
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图 7-99 
继续 置 入 “ 泡 泡 .png” 文 件 ， 在 舞台 中 调整 素 


图 7-100 
置 入 “条 形 码 .png” 文 件 ， 在 舞台 中 调整 素材 
的 大 小 和 位 置 ， 如 图 7-101 所 示 。 
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图 7-101 
置 入 “草莓 蛋糕 0Lpng” 文 件 ， 在 舞台 中 调整 素材 
的 大 小 和 位 置 ， 复 制 “ 草 莓 蛋糕 01” 素 材 ， 设 置 
不 透明 度 为 20% 的 图 像 效 果 ， 如 图 7-102 所 示 。 


7 
Hd fovod enos 


相 % 下 午 茶 


”全 .3 
® 


-NEW @-R— 


J 下 [车 / 革 | 特 / 训 | 罗 。 吕 | 


下 ww 5 


图 7-102 
人 下， 林 案 例 制 作 完成 。 


了 .4 商业 案例 一 一 超市 DM 宣传 页 
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7.4.1 设计 思路 


| 加 ”案例 类 型 
本 案例 是 制作 一 款 超 市 促销 DM 宣传 页 。 
国 。 项目 诉求 
根据 超市 店庆 10 周 年 为 主题 ， 需 要 制作 一 款 超 
市 活动 的 促销 DM 宣 传 页 的 模板 ， 主 要 板块 可 以 分 
为 超 低 价 商品 、 优 惠 活 动 、 特 价 区 、 广 告 区 。 
图 ”设计 定位 
根据 项 目 诉求 ， 我 们 需要 将 主要 标题 设置 为 
“10 周 年 店庆 感恩 氏 惠 ”， 在 标题 下 我 们 将 主要 推 
出 活动 内 容 和 超 低 价 商品 ， 吸 引 顾 客 。 在 其 他 内 容 
页 我 们 将 主要 推出 特价 商品 和 活动 商品 ， 从 中 穿插 
广告 和 一 些 超市 的 信息 。 


| 7.4.2 ”配色 方案 


配色 上 我 们 选择 使 用 橘红 色 ， 避 开 主 色 为 大 红 
色 ， 因 为 客户 觉得 每 次 活动 都 用 大 红色 太 过 张扬 ， 
所 以 在 配色 上 可 以 使 用 暖色 ， 使 人 们 心情 平和 愉悦 
即 可 ， 且 使 用 红色 调 会 夺取 内 容 和 图 片 的 太 多 注意 
力 ， 所 以 主 色 我 们 将 采用 不 夺目 的 色调 ， 突 出 商 
品 、 广 告 和 活动 信息 。 


| 7.4.3 ”同类 作品 欣赏 


| 
| lsd 


A ET 


Ca 


7.4.4 项目 实战 


本 案例 首先 绘制 矩形 ， 置 入 素材 图 像 ， 然 后 
创建 文字 注释 并 调整 文字 的 变形 ， 最 后 绘制 圆 角 
和 矩形， 创建 形状 ， 设 置 图 像 蒙 版 效果 ， 如 图 7-103 
所 示 。 


使 用 “和 矩形 工具 ”绘制 矩形 ; 
使 用 “ 圆 角 矩形 工具 ”绘制 圆 角 和 矩形; 
使 用 “ 置 入 嵌入 对 象 ”命令 置 入 素材 
使 用 “ 横 排 文字 工具 ”创建 文字 ; 

使 用 “自由 变换 ”命令 调整 文字 的 变形 ; 
使 用 “图 层 样 式 ” 设 置 图 层 图 像 的 效果 ; 


使 用 “色相 /饱和 度 ” 命 令 调 整 


图 像 颜 色 : 


使 用 “钢笔 工具 ”“ 转 换 点 工具 ”“ 直 接 选 择 


工具 ”创建 形状 ; 


使 用 “添加 图 层 蒙 版 ”设置 


运行 Photoshop 软 件 ， 在 “欢迎 ”界面 中 单 击 
“新 建 ” 按 钮 ， 在 弹出 的 “新 建文 档 ” 对 话 框 


中 设置 “宽度 ”为 420 毫 米 、 


毫米 ， 设 置 “分 辨 率 ”为 300 像 素 /英寸 ， 单 


图 像 蒙 版 效果 。 


“高 度 ” 为 284 


[= 


“创建 ”按钮 ， 如 图 7-104 所 示 。 


使 用 “矩形 工具 ” 


“属性 ”面板 中 设置 
68， 如 图 7-105 所 示 。 


在 


二 | 


口 


h 创建 德 形 ， 在 


填充 的 RGB 为 227、122、 


米 、 


图 7-105 


使 用 “路 径 选 择 工 具 ” 凡 ， 在 舞台 中 选择 矩 
形 ， 在 “属性 ”面板 中 设置 “宽度 ”为 210 毫 


“高 度 ” 为 284 毫 米 ， 如 图 7-106 所 示 。 


| se 
国 口 wma 


闪闪 直译 企 
n 


图 7-106 


人 @ 在 荣 单 栏 中 选择 “文件 > 置 入 嵌入 对 象 ”命令 ， 
在 弹 ! 

书 配备 资源 中 的 “光芒 背景 .psd” 文 件 ， 单 击 

“ 置 入 ”按钮 ， 如 图 7-107 所 示 。 

OO 轩 入 素材 后 ， 在 舞台 中 调整 其 位 置 和 大 小 ， 使 


bt 的 “ 置 入 嵌入 的 对 象 ”对 话 框 中 选择 随 
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如 图 7-108 所 示 。 
选择 创建 的 文字 ， 妇 
文字 图 层 ， 在 弹出 的 快捷 菜单 中 选择 “ 栅 格 
化 文字 ”命令 ， 将 图 层 进行 栅 格 化 。 


排 文 字 工具 ”了 T.,， 在 舞台 中 创建 文字 ， 


图 7-109 所 示 。 鼠 标 右 击 


本 居民 作 

好 图 导 属 性 
412.7 砷 米 。 外 
26.1 奈 米 


汉 仪 综艺 体 简 


如 9 点 轰 
途 155 点 


E 国 到 瑟 : 


(人命 按 Ctrl+T 组 合 键 ， 使 
舞台 中 调整 文字 的 变形 效果 ， 
人 作词 整 变形 户 ， 


3 了 7 硬 米 


7.52 硬 米 


o 


加 屋 | 属性 号 
Pp ~v 国 @THA® 
正常 ~ | 不 透明 度 : 100% ~ 
锁 E: 图 A 中 村 自 填充 :100% ~ 
© 

© 光芒 背景 

。 FE 丑 十 :4 

© BH sn: 


中 所 DO 8. 口 日 闪 
图 7-109 
“ 自 


变换 ”命令 ， 在 
如 图 7-110 所 示 。 
按 Enter 键 ， 双 击 调整 变形 后 的 文 


字 图 层 ， 在 弹出 的 “图 层 样式 ”对 话 框 中 勾 选 


复 选 框 ， 设 置 合适 的 描 边 参数 ， 设 置 


描 边 颜色 为 紫色 ， 如 图 7-111 所 示 。 


@ 按 Cu 组 合 键 ， 复制 标题 图 层 ， 鼠 标 右 击 底部 
的 标题 图 层 ， 在 弹出 的 快捷 菜单 中 选择 “ 栅 格 


图 7-110 


MEN RBHAE 


图 7-111 


化 图 层 样 


式 ” 命 令 ， 如 图 7-112 所 示 。 
导出 为 
来 自 回忆 的 西 板 … 
转换 为 智能 对 象 
1 岂 阁 化 图 全 
. E33 
| 
| = 


人 报 边 。。 | 。 创建 由 划 乒 
全 时 ses 
S| 运 后 栏 尖 避 屋 
三 加 2 a | i 
友 09.| ase 
图 7-112 
栅 格 化 图 层 后 ， 按 Ctrl+U 组 合 键 ， 在 弹出 的 


“色相 /饱和 度 ” 对 话 框 中 设置 “明度 ”为 


100， 单 
位 置 ， 如 


“确定 ”按钮 ， 在 舞台 中 调整 素材 的 
图 7-113 所 示 。 


了 ao) 


i 


图 7-113 


| 《全 伏 续 复 制 标题 ， 如 图 7-114 所 示 ， 调 整 标题 的 
| 位 


| 置 。 

| | 

| Ee | Re 等 

| Pp ~ 国 @THA® 
了 这 ~ 不 通明 度 : 100% ~ 


访 E: 图 wy 中共 自 二 :100% ~ 


@ ED eyesHm2 er 
外 效果 
SS 指 边 


i 


| i 

| 图 7-114 

| 双击 中 间 的 文字 图 层 ， 在 弹出 的 “图 层 样式 ” 
对 话 框 中 勾 选 “投影 ” 复 选 框 ， 设 置 合适 的 投 
| 影 参 数 ， 如 图 7-115 所 示 。 
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© jet) 
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目 
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图 7-115 
| 全 调整 的 标题 效果 如 图 7-116 所 示 。 


图 7-116 


| 人 @ 在 荣 单 栏 中 选择 "文件 > 置 入 嵌入 对 象 ”命令 ， 
在 弹出 的 “ 置 入 嵌入 的 对 象 ” 对 话 框 中 选择 
随 书 配备 资源 中 的 “热气 球 .psd” 文 件 ， 单 
“ 置 入 ”按钮 ， 如 图 7-117 所 示 。 
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下 人 NG 央 2 沂 


| 国 A# 和 Ns 


灶 乓 械 doUso}loyd 杯 装 刁 


: 


5 四 导 


设置 热气 球 投影 


双击 热气 球 素材 ， 在 弹出 的 “图 
框 中 勾 选 “投影 ” 复 选 框 ， 设 置 合 适 的 投影 参 
数 ， 如 图 7-119 所 示 。 
ee 


9 效果 如 图 7-120 所 示 。 


层 样式 ”对 话 


| < 光 走 文件 素材 上 笔 四 享 Wa Est Pp 
RSx4 关 Ss- IH 
1 宕 用 Re 如 
川 
光 喜 文件 
有 PSD PSD 
第 - 章 yy 中 
pd 执 s 于 psd 扫地 单个 psd [ 
和 ts 辐 | 让 
第 三 章 | 
有 psD psD 
壬 五 章 
a 机 png 树 psd Rpsd 局 
Ra Ra - 
Leo) Gm 
EOGO| 
a 和 一 SEE3SEET 人 
调整 置 入 素材 的 大 小 和 位 置 ， 如 图 7-118 所 示 。 


继续 创建 如 图 7-122 所 示 的 文字 。 


LoGo) 20a0 征 元 oi 月 z 卓 至 oe 月 so 日 


乐 写 主 活 吕 重用 下 亚 们 | 


使 用 “ 圆 角 矩 形 工具 ” 回 . 在 如 图 7-123 所 示 的 位 


置 创建 圆 角 矩形， 在 “属性 ”面板 中 设置 合适 


的 圆 角 。 
LOGO zazo 年 帮 oI 月 30 目 
EEEDEHED 
RQ = | 二 = 
ES 国 口 ree 
时 ws 0 瑟 人 
3 市 罗 全 到 


TO 日 三 
CE 
二 


至 0 月 2 日 


口 ss :8 ID | 


Ds 5 D 


国 局 


使 用 “ 横 排 文 字 工具 ”了 .在 舞 


设置 文字 的 描 边 图 


层 样式 ， 如 


图 


7-121 所 示 。 


全 中 创建 文字 ， 


双击 创建 的 圆 角 和 矩形 ， 在 弹出 的 “图 层 样式 ” 
对 话 框 中 勾 选 “斜面 和 浮雕 ” 复 选 框 ， 设 置 合 
适 的 参数 ， 如 图 7-124 所 示 。 


EE 1 


图 7-124 
继续 勾 选 “ 描 边 ” 复 选 框 ， 设 置 合适 的 描 边 参 
数 ， 单 击 “ 确 定 ”按钮 ， 如 图 7-125 所 示 。 


EN | BW 


图 7-125 
对 设置 好 图 层 样式 后 的 圆 角 矩形 进行 复制 ， 如 


7-126 所 示 。 


图 7-126 
在 “图 层 ” 面板 中 将 图 层 放置 到 图 层 组 中 ， 如 
图 7-127 所 示 。 
人 在 菜单 栏 中 选择 “文件 > 置 入 嵌入 对 象 ”命令 ， 


在 弹出 的 “ 置 入 嵌入 的 对 象 ”对 话 框 中 选择 随 
书 配备 资源 中 的 “彩带 .psd” 文 件 ， 单 击 “ 置 
入 ”按钮 ， 如 图 7-128 所 示 。 


Es ae 
Pg voTrna® 
E33 -| 大生 明度 : 100% ~ 
说: 团 /中 持 自 填 8:100% ~ 
© ) 国 组 1 

© ) 回 组 2 

全 ) 国 组 3 
[有 
e En 

° BB ew: 


图 7-128 
置 入 素材 后 ， 调 整 素材 到 标题 和 文字 以 及 热气 


球 的 下 方 ， 如 图 7-129 所 示 ， 并 在 舞台 中 复制 并 


调整 彩带 大 小 。 


7-129 
在 舞台 中 创建 文字 ， 设 置 合适 的 参数 ， 将 活动 
的 注释 文字 放置 到 同一 个 图 层 组 中 ， 双 击 图 
层 组 ， 设 置 合适 的 描 边 图 层 样式 ， 如 图 7-130 
所 示 。 
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0 周年 店庆 
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j rn : -| 
恒 | 
活动 虽 疗 测 
ET 天 
% 


使 用 “ 甜 形 工具 ” 旦 .在 舞台 中 创建 甜 形 ， 设 置 
填充 为 白色 ,轮廓 为 红色 ， 如 图 7-131 所 示 。 


am 
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L. | Ri =| 


贺 口 wine | SS 
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| De oss DO MO TEL 
| 国 5 a; 《 
/全 


使 用 “钢笔 工具 ”人 D.， 在 工具 属性 栏 中 设置 填 
充 为 无 、 轮 廓 为 无 ， 在 舞台 中 绘制 如 图 7-132 所 
示 的 形状 。 


使 用 “转换 点 工具 ” 仆 .调整 形状 ， 使 用 “ 直 
接 选 择 工具 ” 民 . 调 整 锚 点 的 位 置 ， 如 图 7-133 
所 示 。 


调整 形状 后 ， 按 Ctrl+Enter 组 合 键 ， 将 绘制 的 
路 径 载 入 选区 ， 新 建 一 个 图 层 ， 填 充 选 区 为 黄 
色 ， 如 图 7-134 所 示 。 


对 图 层 进行 复制 ， 在 舞台 中 调整 图 像 的 大 小 ， 
设置 底部 图 像 的 “色相 /饱和 度 ”， 调 整 底部 形 
状 的 颜色 为 红色 ， 如 图 7-135 所 示 。 
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FYTT 
| se isn 
9 js 
=< 国 包 : 


使 用 “ 横 排 文字 工具 ”T.， 在 舞台 中 创建 文 
字 ， 如 图 7-136 所 示 。 


这 里 我 们 创建 的 文字 是 由 客户 提供 ， 但 是 商品 
价格 还 是 会 根据 客户 提供 而 定 ， 这 里 我 们 简单 地 输 
入 一 下 ， 客 户 提供 图 和 价格 之 后 可 以 对 其 内 容 进 行 
更 改 。 


= 四 
PE 四 @TZIBSe 
rE 
i 
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SE 元 / 双 
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中 办 口 @ 加 日 章 


将 创建 的 价格 标签 文字 放置 到 同一 个 图 层 组 
中 ， 双 击 图 层 组 ， 在 弹出 的 “图 层 样式 ”对 话 
框 中 勾 选 “ 描 边 ” 复 选 框 ， 设 置 合适 的 参数 ， 


如 图 7-137 所 示 。 


复制 价格 标签 和 矩形 背景 ， 如 图 7-139 所 示 。 
上 ea 30309 


im 


在 舞台 中 创建 文字 ， 将 文字 图 层 栅 格 化 为 普通 


图 层 ， 按 Ctrl+T 组 合 键 ， 鼠 标 右 击 自 


变换 区 


域 ， 在 弹出 的 快捷 菜单 中 选择 “透视 ”命令 ， 
如 图 7-140 所 示 。 
BE Se 芝 
=] vmerna® 
3 ~| 三明 朗 : tmp ~ 
EE; 国 Jf 吊 舍 和: 
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9 扬 上 中 @ 和 加 全 
TE 


调整 透视 后 ， 鼠 标 右 击 透视 区 域 ， 在 弹出 的 快 


捷 菜单 中 选择 “ 自 
果 ， 如 图 7-142 所 示 。 


变换 ”命令 ， 调 整 变换 效 


调整 透视 后 ， 按 Enter 键 ， 确 定 调整 ， 双 击 调整 
后 的 图 层 ， 在 弹出 的 “图 层 样式 ”对 话 框 中 勾 选 


“ 描 边 ” 复 选 框 ， 设 置 合适 的 参数 ， 如 


所 示 。 


图 7-143 


7-143 


继续 勾 选 “光泽 ” 复 选 框 ， 设 置 合适 的 参数 ， 如 


图 7-144 所 示 。 
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图 7-144 


人 继续 义 先 “和 斜面 和 浮 有 雕 ” 复 选 框 ， 设 置 合适 的 
参数 ， 如 图 7-145 所 示 。 
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图 7-145 
在 舞台 中 调整 素材 的 位 置 和 大 省 


\， 并 对 其 进行 


复制 ， 如 图 7-146 所 示 ， 这 样 正 面 DM 就 制作 完 


成 了 。 
在 背面 使 用 “和气 形 工具 ”加 .绘制 矩形 ， 设 置 填 
充 为 黄色 、 轮 廓 为 绿色 ， 如 图 7-147 所 示 。 


按 Ctrl+R 组 合 键 ， 显 示 标尺 ， 并 


向 舞台 拖 虫 畏 


助 线 ， 如 图 7-148 所 示 ， 根 据 辅助 线 添加 图 像 。 


图 7-147 图 


继续 使 用 “矩形 


具 ”1 


7-148 


.， 在 舞台 中 创建 填充 


为 和 白色， 轮廓 为 无 的 矩形 ， 如 图 7-149 所 示 。 


图 7-149 


层 组 中 ， 设 置 图 层 组 的 “ 描 边 ” 
图 7-150 所 示 。 


人 在 舞台 中 创建 文字 ， 并 将 文字 放置 到 同一 个 图 


图 层 样式 ， 如 


建 并 复制 文字 ， 如 图 7-151 所 示 。 


可 以 在 如 图 7-152 所 示 的 位 置 添加 广告 内 容 。 


FD -| 


在 广告 上 创建 一 个 无 填充 、 无 轮廓 的 圆 角 拢 
形 ， 如 图 7-153 所 示 。 
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按 Ctrl+Enter 组 合 键 ， 将 圆 角 矩形 载 入 选区 ， 
在 “图 层 ” 面 板 底部 单 击 “ 添 加 图 层 蒙 版 ” 按 
钮 口 ， 创 建 蒙 版 。 

在 菜单 栏 中 选择 “文件 > 置 入 嵌入 对 象 ”命令 ， 
在 弹出 的 “ 置 入 嵌入 的 对 象 ”对 话 框 中 选择 随 


书 配备 资源 中 


入 ”按钮 ， 贡 


ph 的 “支付 .png” 文 
图 7-154 所 示 。 


于 #02JPG 


m03JPG 


le 
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IN): 文 付 png 


继续 添加 文字 ， 调 整 支付 素材 的 位 置 ， 如 图 7-155 
所 示 。 
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至 此 ， 本 实例 制作 完成 。 
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封面 设 


封面 也 称 为 书 封面 、 封 皮 、 外 封 等 ， 
、 出 版 社 、 作 者 和 版 权 等 ， 
- 些 优秀 的 封面 设计 效果 。 


封面 的 组 成 要 素 


他 广告 和 海报 的 设计 一 样 封 面 设计 同样 包 


图 书 、 杂 志 、 相 册 、 
坏 直接 影响 其 吸引 力 和 销量 。 
本 章节 主要 分 析 和 介绍 封面 设计 的 一 些 相关 内 容 。 


入 上 草 人 > 


递 信息 为 目的 和 一 种 美感 的 形式 呈现 给 读者 。 如 
图 8-2 所 示 为 书籍 设计 的 优秀 作品 。 


CREATIVE 


(1) 文字 。 封 面 中 的 文字 主要 包括 书 名 、 
者 名 、 出 版 社 名 、 说 明文 字 、 责 任 编辑 、 装 帧 设计 
者 、 书 号 和 定价 。 在 设计 过 程 中 为 了 封面 画面 不 与 
另 一 书 名 重复 ， 也 可 以 加 上 英文 或 拼音 。 还 可 
加 一 些 内 容 简介 和 吸引 人 的 内 容 等 。 有 时 为 了 画面 
需要， 封面 上 也 可 以 不 署名 作者 和 出 版 社 ， 这 些 
信息 出 现在 书 湖 和 雇 页 上 ， 封 面 上 只 留 下 不 可 缺少 


书 名 。 


画册 等 首先 映 入 眼帘 的 是 封面 ， 封 面 设置 的 好 与 


(2) 图 


区 


图 案 。 


、 图 形 和 


色彩 三 大 要 素 ， 设 计 者 就 是 根据 


同性 质 、 
合 起 来 ， 从 而 表现 


用 途 和 读者 对 象 ， 把 三 者 有 机 地 结 


(3) 色彩 。 色 彩 是 书籍 装帧 和 广告 中 重 
艺术 语言 ， 代 表 着 作品 的 风格 和 情感 暗示 


寺 面 的 图 形 可 以 是 插画 


特殊 的 语言 表达 形式 。 封 面 可 以 没有 


荨 项 峭 淖 李 拘 四 与 言 类 眼下 dodsolouUd 荣 省 千 


没有 色彩 ， 而 色彩 的 运用 要 与 书籍 内 容 的 基调 相 吻 
合 ， 与 绘画 色彩 设计 不 同 ， 书 籍 色彩 采用 装饰 性 色 
彩 ， 更 具 概括 力 ， 也 更 醒目 。 


| 


| 8.1.2 “封面 设计 的 表现 手法 


根据 封面 效果 封面 设计 有 三 大 表现 手法 。 
(1) 写实 法 。 用 书 中 的 具体 情节 和 形象 来 表 
现 书 的 内 容 。 写 实 手法 的 特点 就 是 形象 直观 、 易 于 | 
理解 ， 如 图 8-3 所 示 。 | 


图 8-3 
(2) 象征 法 。 用 联想 、 比 喻 、 象 征 、 抽 象 等 方 
法 简洁 地 体现 书籍 的 内 容 ， 如 图 8-4 所 示 。 


图 8-4 | 
(3) 装饰 法 。 用 与 书籍 内 容 精神 相 协调 的 线 ， 
条 、 色 块 和 装饰 图 案 来 表现 ， 适 用 于 不 宜 用 具体 形 ， 
象 表达 书籍 内 容 的 封面 ， 通 常用 于 理论 书籍 ， 如 | 
图 8-5 所 示 。 | 
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| 8.1.3 “封面 设计 的 重要 性 


封面 是 体现 书籍 美学 的 一 种 表现 形式 ， 从 美学 
上 和 传播 价值 上 都 起 到 非常 重要 的 作用 ， 它 既是 从 
业 人 员 创 造 力 的 表达 ， 也 是 产品 观点 的 表达 。 

从 视角 角度 来 考虑 ， 封 面 只 要 醒目 、 可 识别 ， 
可 以 抓 住人 们 需求 的 能 力 ， 这 样 就 决定 了 杂志 或 书 
籍 的 零售 成 效 。 封 面 能 营造 话题 ， 形 成 长 期 深入 的 
营销 力量 ， 并 体现 书籍 、 杂 志 或 画册 的 文化 。 

封面 设计 的 成 败 也 取决 于 设计 定位 。 要 做 好 前 
期 与 客户 的 沟通 ， 通 过 客户 的 需求 ， 设 计 师 们 来 定 
位 封面 的 风格 。 通 过 分 析 企业 文化 和 产品 特点 ， 来 
对 产品 的 封面 进行 行业 特点 的 定位 。 客 户 的 观点 有 
时 可 能 影响 封面 设计 的 风格 ， 所 以 ， 在 设计 封面 前 
期 和 中 期 的 沟通 也 是 非常 重要 的 。 


[大大 太太 | 
i 
模板 设计 


| 8.2.1 设计 思路 


国 ”案例 类 型 

本 案例 是 制作 一 款 个 人 简历 的 模 
板 设计 。 
国 ”项 目 分 析 

个 人 简历 是 求职 中 最 重要 的 部 分 ， 


回 如 
扫 码 看 视频 


一 般 紧 跟 在 


”求职 信 的 后 面 ， 是 求职 者 全 面 素质 和 能 力 体现 的 缩 


影 ， 简 历 同 时 也 是 对 求职 者 能 力 、 经 历 、 技 能 等 的 
简要 总 结 。 它 的 主要 任务 就 是 争取 让 对 方 和 求职 者 
联系 ， 唯 一 的 目的 就 是 争取 到 面试 机 会 。 一 份 好 的 
简历 ， 好 比 是 产品 的 广告 说 明 书 ， 既 要 在 短 短 几 页 
纸 中 把 求职 者 的 形象 和 其 他 竞争 者 分 别 开 来 ， 又 要 
切实 把 求职 者 的 价值 令 人 信服 地 表现 出 来 。 一 份 好 
的 简历 无 疑 是 开启 新 工作 的 敲门砖 。 
图 ”设计 定位 

本 案例 将 制作 一 款 比较 简约 的 几何 图 形 的 个 人 
简历 。 


| 8.2.2 配色 方案 


配色 方案 我 们 将 采用 较为 商务 的 灰白 黑色 调 作 
为 主 色 ， 避 免 过 于 呆板 ， 我 们 将 使 用 活跃 的 黄色 来 
作为 辅助 色 ， 使 整个 简历 在 商务 化 的 同时 还 带 有 活 
泌 灵 活 的 年 轻 化 效果 。 


| 8.2.3 ”同类 作品 欣赏 


| 8.2.4 “项目 实战 


国 ”制作 流程 

本 案例 首先 绘制 矩形 ， 并 设置 矩形 的 遮 罩 ; 然 
后 创建 并 移动 选区 ; 最 后 创建 文字 注释 ， 如 图 8-6 
所 示 。 


图 8-6 

加 ”技术 要 点 
使 用 “和 矩形 工具 ”绘制 矩形 ; 
使 用 “添加 图 层 蒙 版 ”设置 矩形 的 遮 单 ， 
使 用 “ 描 边 ”命令 设置 选区 的 描 边 ; 
使 用 “矩形 选 框 工具 ”创建 并 移动 选 
使 用 “ 横 排 文字 工具 ”创建 文字 。 

国 ”操作 步骤 
运行 Photoshop 软 件 ， 在 “欢迎 ”界面 中 单 击 
“新 建 ”按钮 ， 在 弹出 的 “新 建文 档 ” 对 话 框 
中 设置 “宽度 ”为 210 毫 米 、“ 高 度 ” 为 297 
毫米 ， 设 置 “ 分 辨 率 ”为 300 像 素 /英寸 ， 单 击 
“创建 ”按钮 ， 如 图 8-7 所 示 。 


mM 


图 8-7 


人 @@ 使 用 “矩形 工具 ” 回 , 在 舞 全 中 创建 和 矩 形 ， 设 置 
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平 所 加 些 炭 8 凑 


填充 为 灰色 的 RGB 为 170、170、170， 如 图 8-8 | 
所 示 。 | 
| 


使 用 “矩形 工具 ”按钮 加 ,在 舞台 中 创建 短 形 ， 
设置 填充 的 RGB 为 2355、255、0， 按 Ctrl+T 组 合 

键 ， 打 开 “ 自 由 变换 ”命令 ， 在 舞 合 中 旋转 矩 ， 
形 ， 如 图 8-9 所 示 。 


| 
| 
| 
中 | 
3 | 图 8-12 图 8-13 
加 | 使 用 “ 横 排 文字 工具 ”T.， 在 舞台 中 创建 文 
3 | 字 ， 如 图 8-14 所 示 。 
3 | 在 创建 的 文字 图 层 上 鼠标 右 击 ， 在 弹出 的 快捷 
而 | 菜单 中 选择 “ 栅 格 化 文字 ”命令 ， 栅 格 化 文字 
案 | 图 层 ， 如 图 8-15 所 示 。 
页 图 8-8 图 8-9 : 
罗 性 。 理 层 mm 
图。 全 在 "图 层 " 面板 中 选择 “矩形 2”， 按 住 Cl 键 5 
加 单 击 “ 和 矩形 1” 前 的 图 层 缩 览 图 ， 将 和 矩形] 载 起 Ta | 
全 入 选区 ， 选 择 “矩形 2” 图 层 ， 单 击 “ 添 加 图 个 人 简历 - Ee 
析 层 蒙 版 ”按钮 四 ， 创 建 选区 为 蒙 版 ， 如 图 8-10 ， | 
所 示 。 | = 
三 pa 区 示 | e [| me 
ee ll 11 所 示 。 - 图: 
me m | am 围 吼 ， ,| 
pail “mornae® | | | 
正常 ~ 不适 明度 : 100% ~ mr | 
证: 图 mw 中 共生 壤 向 :100% ~ 图 8-14 图 8-15 
. 使 用 “和 矩 形 选 框 工具 ”33,， 在 舞台 中 选择 如 
. 1 图 8-16 所 示 的 区 域 ， 使 用 “移动 工具 ”中 ,在 舞 
。 | 让 a 人 台中 调整 选区 图 像 的 位 置 。 
/ AN 
~ fo 


个 人 和 莘 古 


SS Ws dd 


图 8-10 图 8-11 

(使 用 “和 矩 形 工具 ”按钮 曙 .， 在 舞台 中 创建 甜 
形 ， 设 置 填充 为 白色 ， 如 图 8-12 所 示 。 

@ 住 Ctrl 键 单 击 “ 和 矩形 2” 图 层 前 的 缩 览 图 ， 创 
建 一 个 新 图 层 ， 将 黄色 的 矩形 载 入 选区 。 在 
菜单 栏 中 选择 “编辑 > 描 边 ”命令 ， 在 弹出 的 

“ 描 边 ”对 话 框 中 设置 “宽度 ”为 10 像 素 ， 

设置 颜色 的 RGB 为 170、170、170， 如 图 8-13 

所 示 。 


/ 


图 8-16 
使 用 “ 甜 形 选 框 工具 ” 记 , 在 舞台 中 选择 如 图 8-17 
所 示 的 文字 区 域 ， 并 按 Ctrl+T 组 合 键 ， 调 整 选 
区 中 图 像 的 大 小 。 
调整 图 像 后 ， 按 Enter 键 确定 调整 自由 变换 ， 按 
Ctrl+D 组 合 键 ， 取 消 选 区 的 选择 ， 使 用 “ 横 排 
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文字 工具 ”T.,， 在 舞台 中 创建 文字 ， 如 图 8-1 


curriculum vitae 


个 人 莘 古 


图 8-18 


《他 继续 在 标题 文字 中 创建 文字 ， 如 图 8-19 所 示 。 


在 舞台 中 选择 创建 遮 晶 后 的 “和 矩形 2” 图 层 , 按 ， 
两 次 Ctrl+J 组 合 键 ， 复 制 两 个 和 矩形， 设置 两 个 | 


8 


图 8-21 图 8-22 
| 信使 有 “矩形 工具 ” 回 . 在 舞台 中 创建 甜 形 ， 设 置 
甜 形 的 填充 ， 如 图 8-23 所 示 。 


矩形 的 颜色 的 RGB 为 227、227、227， 如 图 8-20 | 国 9-23 
所 示 。 


人 选择 两 个 底部 的 矩形 ， 按 Ctrl+E 组 合 键 , 合 | 


并 图 
具 ， 
227， 


= 国 :| 二: 
。 围 地 : 


图 8-19 图 8-20 


层 为 一 个 图 层 ， 并 使 用 “多 边 形 套 索 了 
列 , 创 建 选 区 ， 并 填充 RGB 为 227、227、 
如 图 8-21 所 示 。 


“ 横 排 文字 工具 ”T.， 在 舞台 中 创建 横 排 上 


使 


文字 ， 如 图 8-22 所 示 。 


| 
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HAPPY CHILDHOOD 


| 8.3.1 设计 思路 “1 8.3.4 “项目 实战 


加 ”案例 类 型 ”加 ”制作 流程 


本 案例 设计 制作 “ 款 儿童 写真 封 本 案例 首先 设置 照片 的 贺 角 算 形 迹 音 ， 设 置 照 
时 珊 目 诉 家 本 ， 片 的 描 边 、 投 影 和 内 发 光 ， 然 后 创建 文字 注释 ， 最 
根据 女 宝宝 来 定位 一 个 甜美 、 粉 色 、 干 净 系 列 。 后 创建 形状 和 背景 ， 绘 制 线 ， 如 图 8-24 所 示 。 
的 封面 ， 制 作 主 题 为 美好 童年 的 封面 模板 。 
加 ”设计 定位 
根据 客户 需求 我 们 将 主题 定义 为 甜美 风 ， 主 要 
利用 花 杂 背景 和 整体 色调 来 体现 甜美 主题 


|8.3.2 配色 方案 


色彩 上 我 们 使 用 客户 定位 的 色彩 ， 围 绕 这 个 色 
彩 ， 我 们 在 粉色 的 基础 上 使 用 白色 来 作为 辅助 色 搭 ， 
配 整 体 氛 围 ， 使 其 看 上 去 干净 、 甜 美 。 


| 8.3.3 ”同类 作品 欣赏 


Oop 
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图 8-24 
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图 8-24 ( 续 ) 
加 ”技术 要 点 | 


使 用 “ 色 阶 ”调整 照片 效果 ; | 
使 用 “添加 图 层 蒙 版 ”设置 照片 的 贺 角 矩形 
遮 单 ; | 
使 用 “图 层 样式 ”设置 照片 的 描 边 、 投 影 和 内 

发 光 ; | 
使 用 “ 横 排 文字 工具 ”创建 文字 ; | 
使 用 “ 自 定形 状 工具 ”创建 形状 ; | 
使 用 “直线 工具 ”创建 背景 
| 

| 

| 

| 


使 用 “画笔 工具 ”绘制 线 。 

图 ”操作 步骤 
运行 Photoshop 软 件 ， 在 “欢迎 ”界面 中 单 击 
“新 建 ” 按 钮 ， 在 弹出 的 “新 建文 档 ” 对 话 


框 中 设置 “宽度 ”为 16 厘 米 、“ 高 度 ” 为 12 


在 菜单 栏 中 选择 “文件 > 打开 ”命令 ， 在 弹出 
的 “打开 ”对 话 框 中 选择 随 书 配备 资源 中 的 ， 
“DSC 0092.jpg” 文 件 ， 单 击 “ 打 开 ” 按钮 。 | 
照片 效果 如 图 8-26 所 示 。 | 
打开 归 片 后 ， 按 Ctrl+L 组 合 键 ， 在 弹出 的 
“ 色 阶 ”对 话 框 中 调整 色 阶 参数 ， 如 图 8-27 ， 
所 示 。 


厘米 、“ 分 辩 率 ”为 300 像 素 /英寸 ， 单 击 “ 创 
建 ”按钮 ， 如 图 8-25 所 示 。 

-= 要 Ea | 
Re gz | NA no eis wb wow Naims | 
ee | 
9 [9 BE 未 标题 1 ed | 
| -证 | 
a [ni | 
smu Pa | 
p | 
图 8-25 | 
| 
| 
! 
| 


图 8-27 


使 用 “多 边 形 套 索 工具 ” 列 .创建 如 图 8-28 所 示 


的 选区 。 


图 8-28 


确定 选区 处 于 选择 状态 ， 按 Shift+F6 组 合 键 ， 
弹出 “羽化 选区 ”对 话 框 ， 从 中 设置 合适 的 参 


”按钮 ， 如 图 8-29 所 示 。 
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贰 寺 吵 测 半 水 四 号 


设置 羽化 后 ， 按 Ctrl+L 组 合 键 ， 在 弹出 的 “ 色 
阶 ”对 话 框 中 调整 色 阶 参数 ， 如 图 8-30 所 示 。 


预 设 (E): ， 自 定 
通道 : RGB 
输入 色 阶 (D): 
选项 ID… 


| ud hu Ce 


输出 色 阶 (0): 


mss 


图 8-30 
(人命 调整 脸 部 的 效果 后 ， 按 Ctrl+D 组 合 键 ， 取 消 选 
区 的 选择 ， 使 用 “移动 工具 ”中 .， 将 照片 素材 
拖 忠 到 新 建 的 舞台 中 ， 妇 


图 8-31 所 示 。 


图 8-31 
“ 圆 角 和 矩形 工具 ”加 .， 在 工具 属性 栏 中 设 
置 填充 为 无 、 轮 廓 为 无 ， 在 舞台 中 如 图 8-32 所 
示 的 位 置 创建 圆 角 和 矩形 路 径 。 


@@ 合 


本 me = 
加 =teuss 


图 8- 32 
os 将 圆 角 矩形 载 入 选区 ， 


选择 照片 图 层 ， 单 击 创建 “添加 图 层 
钮 回 ， 创 建 莹 版， 如 图 8-33 所 示 。 


蒙 版 ” 按 
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图 8-33 
双击 图 层 ， 在 弹出 的 “图 层 样式 ”对 话 框 中 勾 
选 “ 描 边 ” 复 选 框 ， 设 置 合适 的 参数 ， 如 图 8-34 
所 示 。 


田 


和 


时 六 
E 


CT 


图 8-34 


人 44 先 “内 发 光 ” 复 选 框 ， 设 置 合适 的 参数 ， 
单 击 


“确定 ”按钮 ， 如 图 8-35 所 示 。 


二 


图 8-35 


人 措 边 和 内 发 光 的 效果 如 图 8-36 所 示 。 


图 8-36 


人 @ 合 “ 自 定 形状 工具 ”从 ,， 在 工具 属性 栏 中 选 
择 花 采 的 形状 ， 在 舞台 中 创建 花 采 ， 设 置 花 采 
的 填充 为 粉红 色 ， 如 图 8-37 所 示 。 
使 用 “直线 工具 ”~ .在 舞台 中 绘制 斜 线 ， 并 复 
制 斜 线 ， 如 图 8-38 所 示 。 


图 8-37 图 8-38 

《他 将 所 有 的 线 图 层 选 中 ， 按 Cal+E 组 合 键 ， 合 并 为 

一 个 图 层 ， 在 舞台 中 复制 并 调整 花朵 ， 如 图 8-39 
所 示 。 


选中 其 中 一 个 花 杂 ， 设 置 花灯 为 无 填充 ， 设置 
合适 的 描 边 ， 如 图 8-40 所 示 。 


过 


a 
可 二 | 民生 = 
pay -| 四 OoTrEae- 
b=3 ~ 不 透明度: 100% ~ 


负 宇 :田中 全 全 着 :100% ~ 


人 绿 缮 在 舞台 中 复制 并 调整 花 打 ， 如 图 8-41 所 示 。 


TS 


图 8-41 

将 花 采 和 和 斜 线 的 图 层 放 置 到 同一 个 图 层 组 中 ， 
设置 图 层 组 的 “不 透明 度 ” 为 60%， 如 图 8-42 
所 示 。 


图 8-42 


《@ 选择 照片 图 层 ， 并 双击 该 图 层 ， 在 弹出 的 “图 
层 样式 ”对 话 框 中 修改 “ 描 边 ”样式 为 图 案 描 边 ， 


选择 合适 的 图 案 ， 设 置 合适 的 参数 ， 如 图 843 所 示 。 


勾 选 “投影 ” 复 选 框 ， 设 置 投影 颜色 为 稍 深 一 
点 的 粉红 色 ， 设 置 合适 的 参数 ， 单 击 “确定 ” 


按钮 ， 如 


图 8-44 所 示 。 
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LE 香 
图 8-44 
人 填充 出 的 照片 效果 如 图 8-45 所 示 。 
,a 要 要 一 二 国 
总 bd 和 9 5 2 @ 


图 8-48 
使 用 “ 横 排 文 字 工具 ”了 T.， 在 舞台 中 创建 文 
字 ， 设 置 合适 的 文字 属性 ， 如 图 8-49 所 示 。 


图 8-45 
人 0 按 CutT 组 合 键 ， 旋转 照片 ， 如 图 8-46 所 示 。 


809 Co 章 
2 HAPPYCHILDHOODS 


$0 0 0 0 9 © 


图 8-49 


图 8-46 
人 在 照片 图 层 的 下 方 创建 一 个 新 图 层 ， 使 用 “ 画 
笔 工具 ” 


*.， 在 工具 属性 栏 中 设置 合适 的 参 
数 ， 绘 制 照片 上 的 线 ， 颜 色 设 置 为 稍 暗 的 粉红 


色 ， 如 图 8-47 所 示 。 图 8-50 
在 照片 的 上 方 创 建 两 个 装饰 形状 ， 如 图 8-48 ， 全 设置 背景 颜色 为 浅 粉红 色 ， 调整 花 杂 和 和 斜 线 的 
所 示 。 颜色 为 白色 ( 可 将 花 休 和 和 斜 线 合并 为 一 个 图 
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层 ， 使 用 “色相 /饱和 度 ” 命令， 调整 “明度 "” | 
为 100 ) ， 如 图 8-51 所 示 。 调 整 投影 和 装饰 的 颜 
色 ， 直 到 满意 为 止 。 


HAPPY CHILDHOOD 
Wp de a te 
yp heed er nt 
ee 


图 8-51 


将 制作 完成 的 相册 封面 的 正面 进行 存储 ， 存 储 | 
之 后 ， 删 除 不 需要 的 图 像 ， 调 整 出 封面 背面 的 ， 
效果 ， 如 图 8-52 所 示 。 | 


| 加 案例 类 型 


| 8.4.1 设计 思路 


回 
本 案例 设计 制作 一 款 儿 童 图 书 封 。 扫 码 看 视频 


， 面 模板 。 
| 里 ”项目 诉求 


本 案例 需要 设计 一 款 贴纸 书 的 封面 ， 要 求 封面 


要 卡通 、 色 彩 鲜艳 。 
| 国 设计 定位 


根据 项 目 要 求 ， 我 们 需要 设计 一 款 简 笔画 效果 


”的 卡通 封面 。 


| 8.4.2 ”配色 方案 


由 于 是 套 系 ， 这 里 我 们 先 设计 其 中 一 款 饱和 度 
较 高 的 蓝 色 和 红色 卡通 ， 并 使 用 一 些 装 饰 色调 ， 例 


| 如 黄色 、 白 色 、 绿 色 。 


HAPPY CHILDHOOD 


“18.4.3 项目 实 战 


| 田制 作 流程 


本 案例 首先 创建 矩形 ， 创 建 路 径 并 调整 路 径 的 


形状， 设置 路 径 的 填充 和 描 边 ， 绘 制 高 光 并 设置 描 


图 8-52 | 
全 将 封面 背面 进行 存储 。 至 此 ， 本 案例 制作 ， 
完成 。 


| 
8 4 商业 案例 一 一 儿童 图 书 封面 
模板 设计 ) 


， 边 ， 创 建 形 状 ， 设 置 图 层 的 样式 ， 然 后 创建 文字 ， 


调整 文字 的 变形 效果 ， 最 后 设置 选区 的 收缩 量 ， 结 
合 使 用 一 些 其 他 的 辅助 工具 来 完成 整体 封面 的 制 


，” 作 ， 如 图 8-53 所 示 。 
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图 8-53 ( 续 ) 


国 。 技术 要 点 
使 用 “ 抢 形 工具 ”和 “ 圆 角 矩形 ”创建 矩形 ; 
使 用 “钢笔 工具 ”创建 路 径 ; 
使 用 “转换 点 工具 ”调整 路 径 的 形状 ; 
使 用 “路 径 ” 面 板 和 “图 层 描 边 ”设置 路 径 的 

填充 和 描 边 ; 

并 设置 描 边 ; 

史 用 “椭圆 工具 ”绘制 眼睛 ; 

使 用 “ 自 定形 状 工具 ”创建 形状 ; 

使 用 “ 置 入 嵌入 对 象 ” 命 令 置 入 素材 ; 

全 用 “图 层 样 式 ” 设 置 图 层 的 样式 ; 

使 用 “ 横 排 文 字 工具 ”创建 文字 ; 

使 用 “色相 /饱和 度 ” 命 令 调整 图 像 的 色调 ; 

全 用 “变形 文字 ”命令 调整 文字 的 变形 效果 ; 

更 用 “收缩 选区 ”设置 选区 的 收缩 量 。 

国 。 操作 步骤 
运行 Photoshop 软 件 ， 在 “欢迎 ”界面 中 单 击 
“新 建 ” 按 钮 ， 在 弹出 的 “新 建文 档 ” 对 话 
框 中 设置 “宽度 ”为 211 毫 米 、“ 高 度 ” 为 232 
毫米 、“ 分 辨 率 ” 为 300 像 素 /英寸 ， 单 击 “ 创 
建 ”按钮 ， 如 图 8-54 所 示 。 

使 用 “和 矩形 工具 ”加 .在 舞台 中 创建 矩形 ， 如 

8-55 所 示 。 


[ 具 ， 设 置 画 笔 属性 ， 绘 制 高 光 


Sr | Ri Im ema 
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低 


(选择 创建 的 矩 形 图 层 ， 在 “图 层 ” 面板 中 间 
击 和 按钮 ， 将 图 层 锁定 ， 如 图 8-56 所 示 。 


CE 
图 呈 ”局 往 画笔 字符 。 受 车 和 


Pa vorTnNAaA® 


i 7 国 
-加 = 回 
© 背景 


自 


2» ro @. 生 辐 全 
图 8-55 图 8-56 
人 @ 使 用 “钢笔 工具 ”从 .在 舞台 中 创建 如 图 8-57 所 
示 的 路 径 。 
使 用 “转换 点 工具 ”上 八 ,在 舞台 中 调整 路 径 的 形 
状 ， 如 图 8-58 所 示 。 


图 8-57 图 8-58 
(在 工具 箱 中 选择 “画笔 工具 ”4.， 在 工具 属性 


栏 中 设置 画笔 的 笔触 ， 如 图 8-59 所 示 。 
7 - ow 术 


二 av -| @ 各 ,ov -0 玫 w - 妆 
图 8-59 
在 “图 层 ” 面 板 中 创建 图 层 ， 在 “路 径 ”面板 
中 单 击 “用 画笔 描 边 路 径 ”按钮 口 ， 为 路 径 描 
边 ， 如 图 8-60 所 示 。 


在 工具 箱 中 单 击 前 景色 ， 在 弹出 的 “ 拾 色 器 各 用 “转换 点 工具 ” 仆 .在 舞台 中 调整 路 径 ， 如 
(前 景 ”对 话 框 中 设置 前 景色 的 RGB 为 图 8-64 所 示 。 
241、0、0， 如 图 8-61 所 示 。 


只 有 Web 颜色 


设置 前 景色 为 黑色 ， 选 择 画 笔 工具 ， 在 “图 
层 ” 面板 中 创建 图 层 ， 在 “路 径 ”面板 中 单 击 


在 “图 层 ”面板 中 新 建 图 层 ， 单 击 “ 用 前 景色 “用 画笔 描 边 路 径 ” 按钮 O， 为 路 径 描 边 ， 如 
填充 路 径 ” 按 钮 @ ， 填 充 路 径 为 前 景色 ， 如 图 8-65 所 示 。 


图 8-62 所 示 。 


新 建 图 层 ， 设 置 前 景色 为 红色 ， 在 “路 径 ” 面 
板 中 单 击 “ 用 前 景色 填充 路 径 ” 按 钮 鲁 ， 调 整 
an 图 层 合适 的 位 置 ， 如 图 8-66 所 示 。 


在 “路 径 ”面板 中 单 击 “ 创 建新 路 径 ” 按 钮 加 ， 
创建 新 路 径 ， 如 图 8-63 所 示 。 


在 “路 径 ” 面 板 中 单 击 “ 创 建新 路 径 ” 按 钮 加 ， 
kk 如 图 8-67 所 示 。 
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解 
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使 用 “钢笔 工具 ”分 .， 在 舞台 中 创建 如 图 8-71 
所 示 的 路 径 ， 使 用 “转换 点 工具 ”人 下 ,.， 在 舞台 
中 调整 路 径 的 形状 。 


设置 前 景色 为 黑色 ， 选 择 画笔 工具 ， 在 “图 
层 ” 面 板 中 创建 图 层 ， 在 “路 径 ” 面 板 中 单 击 

用 画笔 描 边 路 径 ” 按 钮 O， 为 路 径 描 边 ， 如 
图 8-68 所 示 。 


设置 前 景色 为 黑色 ， 创 建新 图 层 ， 在 “路 径 ” 
面板 中 单 击 ， "用 画笔 描 边 路 径 ”按钮 O ， 为 路 
eo 

用 前 景色 填充 路 径 ” 按 钮 鸯 ， 如 图 8-72 所 示 。 


新 建 图 层 ， 设 置 前 景色 为 红色 ， 并 在 “路 径 ” 
面板 中 单 击 “ 用 前 景色 填充 路 径 ” 按 钮 多 ， 如 
图 8-69 所 示 。 


0 使 用 “椭圆 工具 ”@.， 在 舞台 中 创建 措 边 为 黑 
合用 同样 的 方法 创建 或 复制 “ 螃 稻 钳子 ”， 如 外 ， 沪 友 为 帕 重 样 回 。 如 图 G7 也 未 调整 


图 8-70 所 示 。 合适 的 参数 


使 用 “椭圆 工具 ”人 S.， 创 建 填充 为 黑色 、 描 边 
为 黑色 的 椭圆 ， 如 图 8-75 所 示 。 


继续 创建 白色 的 椭圆 ， 在 舞台 中 复制 眼睛 ， 如 
图 8-76 所 示 。 


使 用 “画笔 工具 ”w.， 新 建 图 层 ， 设 置 前 景色 
为 白色 ， 设 置 合适 的 笔触 大 小 ， 绘 制 如 图 8-77 
所 示 的 高 光 。 


在 高 光 所 在 的 图 层 ， 设 置 图 层 的 “不 透明 度 ” 


为 70%， 如 图 8-78 所 示 。 


wl 


"ee™™ gpI 


在 舞台 中 将 作为 背景 的 矩形 解锁 ( 在 图 层 
的 咎 按钮 上 单 击 即 可 解锁 ) ， 调 整 填充 为 蓝 
色 ， 如 图 8-79 所 示 。 


将 绘制 的 螃蟹 图 层 放置 到 一 个 图 层 组 中 ， 使 用 
“ 自 定 形状 工具 ”个 ,， 在 工具 属性 栏 中 选择 一 
种 对 话 框 的 形状 ， 在 舞台 中 绘制 如 图 8-80 所 示 


的 形状 ， 调 整 图 层 和 图 像 的 位 置 。 


Wi 
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人 @ 将 对 话 图 像 进 行 复制 ， 在 工具 属性 栏 中 设置 填充 为 和 白色， 轮廓 为 背景 蓝 色 ， 设 置 轮廓 线 为 虚线 ， 如 


8-81 所 示 。 


人 ~ 进 涯 : 现 BR ~ We 32191 co tr 392431 国民 二 目 x 挤 过 。 闪 门 约 瑟 路 径 掉 动 


图 8-81 
使 用 “ 横 排 文字 工具 ”了 下.， 在 对 话 框 中 输入 文 全 在 舞台 中 调整 小 狮子 图 像 的 大 小 和 位 置 ， 如 
字 ， 如 图 8-82 所 示 。 图 8-85 所 示 。 


人 在 菜单 栏 中 选择 “文件 > 置 入 陪 入 对 象 ”命令 ， 
在 弹出 的 “ 置 入 嵌入 的 对 象 ” 对 话 框 中 选择 随 
书 配 备 资源 中 的 “ 晴 星 .png” 文 件 ， 单 击 “ 置 
入 ”按钮 。 置 入 素材 后 ， 调 整 素材 的 位 置 和 大 


小 ， 双 击 晴 星 图 层 ， 在 弹出 的 “图 层 样 式 ” 对 
话 框 中 设置 “ 描 边 ”参数 ( 见 图 8-84 ) ， 效 果 
如 图 8-86 所 示 。 


图 8-82 
在 菜单 栏 中 选择 “文件 > 置 入 嵌入 对 象 ”命令 ， 
在 弹出 的 “ 置 入 嵌入 的 对 象 ”对 话 框 中 选择 
随 书 配备 资源 中 的 “小 狮子 .png” 文 件 ， 单 击 
“ 置 入 ”按钮 ， 如 图 8-83 所 示 。 


[ER 
| 和 < xx 人 ， 表 对， 后 / 生 


-ee -一 一 一 图 8-85 图 8-86 

[HER | 人 调整 螃蟹 的 角度 ， 使 用 “ 自 定形 状 工具 " 
总 .， 在 工具 属性 栏 中 选择 图 案 为 小 猫 ， 设 置 填 
充 为 白色 ， 在 舞台 中 绘制 形状 ， 并 设置 合适 的 
“不 透明 度 ”， 如 图 8-87 所 示 。 
使 用 “椭圆 工 具 ” 信 .在 舞台 中 创建 椭圆 ， 设 置 
填充 为 无 ， 设 置 合适 的 描 边 ， 描 边线 为 虚线 ， 
如 图 8-88 所 示 。 


国 。 pscooezipg 


ai 


图 8-83 
人 @@ 旱 入 图 像 户 ， 双击 小 狮子 的 图 层 ， 在 弹出 的 
“图 层 样 式 ” 对 话 框 中 勾 选 “ 描 边 ” 复 选 框 ， 
设置 合适 的 参数 ， 如 图 8-84 所 示 。 


图 8-87 图 8-88 
全 将 绘制 的 椭 回 虚线 图 层 栅 格 化 为 普通 图 层 ， 
用 “和 拢 形 选 框 工具 ” 空 .在 舞台 中 选择 如 图 8-89 
所 示 的 区 域 ， 按 Ctrl+U 组 合 键 ， 在 弹出 的 “ 色 

相 / 饱 和 度 ” 对 话 框 中 设置 “明度 ”为 100。 
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图 8-89 | 
@@ 合 “椭圆 工具 ”人 9. 在 舞台 中 创建 如 图 8-90 所 
示 的 椭圆 ， 设 置 填充 为 背景 蓝 色 。 | 


图 8-90 | 
栅 格 化 蓝 色 的 椭圆 ， 使 用 “和 矩形 选 框 工具 ”3 
在 舞台 中 创建 如 图 8-91 所 示 的 区 域 ， 按 CtrlrU ， 
组 合 键 ， 在 弹出 的 “色相 /饱和 度 ” 对 话 框 中 设 | 
置 “明度 ”为 100。 | 


图 8-91 
继续 使 用 “矩形 选 框 工具 ”号 .选择 如 图 8-92 所 
示 的 选区 ， 按 Ctrl+U 组 合 键 ， 在 弹出 的 “色相 / 
饱和 度 ” 对 话 框 中 设置 合适 的 参数 。 


害 谍 ( 昌 : | 自 定 


eH) 
A 


国度 [D; 


2 eo) 
FER Nr) 


人 0 在 菜单 栏 中 选择 "文件 > 置 入 嵌入 对 象 ”命令 ， 
在 弹出 的 “ 置 入 财 入 的 对 象 ” 对 话 框 中 选择 
随 书 配备 资源 中 的 “毛毛 虫 png” 文 件 ， 单 击 
“ 置 入 ”按钮 ， 置 入 素材 后 ， 调 整 素 材 的 位 置 
和 大 小 ， 如 图 8-93 所 示 。 


图 8-93 


”人 @O 使 用 “ 模 排 文字 工具 ” 工 . 在 舞台 中 创建 文字 ， 


如 图 8-94 所 示 。 


图 8-94 


| 人 人 在 舞台 中 双击 “贴纸 书 ” 文 字 ， 将 其 选中 ， 在 


工具 属性 栏 中 单 击 “ 创 建文 字 变 形 ” 按 钮 工 ， 
在 弹出 的 “变形 文字 ”对 话 框 中 设置 变形 文字 
的 属性 ， 如 图 8-95 所 示 。 


aa 


音 曲 (8): 


水 平 扭曲 (0): 


要 直 扭曲 (6 
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水 


Ee 


El 


人 全 设 置 变形 文字 后 ， 按 Ctl 键 ， 单 击 变形 文字 前 的 
图 层 缩 览 窗 ， 将 其 载 入 选区 ， 如 图 8-96 所 示 。 


图 8-96 
人 @ 在 菜单 栏 中 选择 “选择 > 修改 > 收缩 ”命令 ， 在 
弹出 的 “收缩 选区 ”对 话 框 中 设置 “收缩 量 ” 
为 15， 单 击 “ 确 定 ”按钮 ， 如 图 8-97 所 示 。 


二 


| 
收编 一 (c): [19 | ] 像素 
| 应 用 画布 边界 的 效果 取消 


图 8-97 


设置 选区 后 ， 将 文字 图 层 栅 格 化 为 普通 图 层 ， 
确定 选区 处 于 选择 状态 ， 按 Ctrl+J 组 合 键 ， 复 制 


选区 中 的 文字 区 域 ， 如 图 8-98 所 示 。 
醒 = 本 = 
pag vorTna Pp -四 OoTDB 
下 党 ~ | 不 通明 度 : 100%。 ~ | 正常 ~ 不 二 明度 : 100% ~ 


锁 放 :四 AY 中 村 和 填充 : 100% ~ 锁 主 :加 J 中 所 四 十 克 :100% ~ 


e。 国 si 地 © T /went 
e Ed] mms = a 
© 性 4 。 关 : 
be -© [3] me: 
四 大 加 8. 日 加 人 症 所 DO 9. 口 日 从 
图 8-98 


双击 复制 选区 中 的 图 像 ， 在 弹出 的 “图 层 样 
式 ” 对 话 框 中 勾 选 “ 描 边 ” 复 选 框 ， 设 置 合适 
的 参数 ， 如 图 8-99 所 示 。 

全 设置 描 边 后 的 效果 ， 如 图 8-100 所 示 。 
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图 8-100 


选择 “贴纸 书 ” 文 字 所 在 的 图 层 ， 双 击 图 层 ， 
在 弹出 的 “图 层 样式 ”对 话 框 中 勾 选 “ 描 边 ” 


复 选 框 ， 设 置 合适 的 参数 ， 单 击 
钮 ， 如 图 8-101 所 示 。 


Ee = 
Pai vamorTrnHAa® 
下 党 ~| 直通 明 度 : 100% |~ 


请 让 :图 yy 中共 自 需 :100% ~ 


图 8-101 
设置 文字 描 边 后 ， 在 舞台 下 方 创 妇 


“确定 ” 按 


称 ， 如 图 8-102 所 示 。 


出 版 社 名 


D502 月 “ 圆 角 矩形 工具 ” 回 .， 在 封面 的 上 方 创 建 使 用 “ 横 排 文 字 工 具 ”T.， 在 调整 颜色 后 的 贺 
司 角 矩 形 ， 设 置 填充 为 背景 蓝 色 ， 设 置 为 无 轮 和 矩形 上 创建 文字 ， 如 图 8-105 所 示 。 
廓 ， 设 置 合适 的 圆 角 参数 ， 如 图 8-103 所 示 。 


儿童 益 智 趣 
和 


EEC 
图 8-105 
使 继 续 在 左 侧 梢 加 上 创建 文字 注释 ， 如 图 8-106 
所 示 。 


儿童 益 智 趣味 


图 8-103 a 
全 将 加 和 角 算 形 栅 格 化 ， 使 用 “矩形 选 框 工具 ” 太 ee 
在 舞台 中 删除 多 余 的 区 域 ， 并 框 选 其 中 一 部 分 ， 令 下 ， 本 案例 制作 完成 。 第 
按 Ctrl+U 组 合 键 ， 在 弹出 的 “色相 /饱和 度 ” 对 章 
话 框 中 设置 合适 的 参数 ， 如 图 8-104 所 示 。 = 


[大 太太 交 | 设 
8.5 优秀 作品 欣赏 ) 避 


A 


图 8-104 
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画册 属于 印刷 品 ， 是 企业 对 外 的 名 片 ， 内 容 包括 产品 的 外 形 、 
材质 、 型 号 等 概况 ， 或 是 企业 的 发 展 、 管 理 、 决 策 、 生 产 等 概况 。 
本 章 将 介绍 画册 的 一 些 基本 常识 和 设计 中 需要 注意 的 事项 。 


画册 概述 


画册 是 ee 告 媒介 之 一 ， 是 
展示 自身 良好 形象 的 一 种 宣传 方式 。 画 册 属 于 印刷 
品 ， 内 容 ei 企业 文化 、 


业务 内 容 等 信息 。 画 册 中 除了 包含 文字 信息 外 ， 


还 配 有 图 片 信息 ， 是 多 张 页 面 装订 在 一 起 的 精品 
册子 。 
画册 是 企业 的 展示 平台 ， 是 图 文 并 茂 的 一 种 理 


想 表达 方式 ， 相 对 于 单一 的 文字 或 是 图 册 ， 画 册 都 
有 着 无 与 伦比 的 绝对 优势 。 因 为 画册 不 但 醒目 ， 能 
让 人 一 目 了 然 ， 还 比较 明了 ， 其 有 相对 精简 的 文字 
说 明 ， 如 图 9-1 所 示 。 


大 


9.1.1 


册 设计 的 原则 


画册 设计 就 是 设计 师 根据 客户 的 企业 产品 、 
企业 文化 、 业 务 内容 以 及 推广 策略 等 ， 用 流畅 的 线 
条 、 震 撼 的 美 图 、 优 美的 文字 、 富 有 创意 的 排版 ， 
使 画册 有 具有 视觉 美感 ， 提 升 画册 的 设计 品质 和 企业 
内 涵 ， 使 其 能 够 准确 有 效 地 表达 企业 产品 、 企 业 
塑造 品牌 、 广 而 告 之 的 


文化 、 业 务 内 容 等 ， 达 到 
目的 。 


下 面 简单 介绍 有 关 画 册 设 计 的 几 个 设计 原则 。 
(1) 传达 正确 的 信息 。 精 明 的 点 子 会 让 人 眼 
亮 、 印 象 深刻 ， 但 准确 的 诉求 才 会 改变 人 的 


态度 ， 影 响 人 的 行为 。 设 计 不 仅 要 求 美 观 ， 还 需 
要 在 美观 的 同时 ， 能 直观 地 表达 出 正确 的 信息 和 
目的 。 

(2) 确定 主题 和 目的 。 每 个 画册 都 有 一 定 的 
目的 和 主题 ， 把 握 主题 ， 可 以 引导 读者 。 画 册 是 做 
给 读者 看 的 ， 目 的 是 为 了 达成 一 定 的 目标 ， 为 了 促 
进 市 场 运作 ， 既 不 是 为 了 取悦 广告 奖 的 评审 ， 也 不 
是 为 了 让 别人 收藏 。 画 册 的 设计 需要 揣摩 目标 对 象 


苦 慨 看 doysolouUd 芝 省 嬉 


的 心态 ， 这 样 创 意 才 能 起 到 应 有 的 效果 。 

(3) 简明 扼要 。 客 户 看 宣传 册 是 一 种 参考 ， 
不 是 为 了 阅读 。 画 册 上 的 信息 要 尽量 通俗 易 懂 ， 简 
单 明 了 地 阐述 即 可 ， 切 莫 高 估 读 者 对 信息 的 理解 和 
分 析 能 力 。 

(4) 将 创意 视觉 化 、 信 息 化 。 对 重要 的 信息 
进行 设计 ， 使 其 具有 创意 的 效果 ， 不 能 偏离 主题 。 
做 到 既 有 夺目 的 设计 效果 ， 又 有 需要 客户 看 到 的 信 
息 ; 既 可 以 达到 装饰 效果 ， 又 能 达到 醒目 效果 ， 如 
图 9-2 所 示 。 


| 9.1.2 “画册 的 常见 分 类 


画册 的 分 类 有 很 多 ， 按 分 类 的 方式 不 同 ， 可 能 
有 上 百 种 不 同 的 画册 类 型 。 下 面 整理 出 几 种 最 为 常 
见 的 画册 设计 类 型 ， 如 企业 画册 设计 、 公 司 形 象 画 
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册 设 计 、 产 品 画 册 设 计 、 宣 传 画册 设计 、 企 业 年 报 
画册 设计 、 型 录 夯 册 设计 、 样 本 画册 设计 和 产品 手 


设计 。 


| 9.1.3” 画 册 的 常见 开本 


画册 样本 主要 有 横 开 本 和 竖 开 本 两 种 形式 。 
其 尺寸 并 不 固定 ， 依 需要 而 定 ， 常 见 的 标准 尺寸 
为 210mmX285mm， 正 方形 尺寸 一 般 为 6 开 、12 
开 、20 开 、24 开 。 


9.2 商业 案例 一 美食 画册 菜单 


设计 


加 


Cad den pntn 


大 人 TY 3200/ 
[~ qd 
东北 大 拉 度 


HOMELY DBH 


完 党 营 素 


9.2.4 “项 目 实战 


本 案例 首先 置 入 素材 图 像 并 进行 修补 ， 然 后 
创建 选区 和 图 像 的 遮 单 ， 调 整 图 像 的 采样 ;最 后 绘 
制 田 字 格 ， 创 建 形状 和 文字 注释 ， 调 整 图 像 的 样 
式 ， 如 图 9-3 所 示 。 


本 喜 牛 内 本 下 肉片 
CE 7 


9.2.1 设计 思路 


本 案例 设计 一 本 美食 菜单 画册 。 


要 求 制作 一 款 大 气 的 家 常 菜 ， 画 册 中 需要 
包括 本 店 的 特色 菜 和 各 种 家 常 菜 的 分 类 和 价格 ， 封 
面 可 以 用 小 龙虾 配 图 ， 因 为 本 店 特色 也 包括 小 龙虾 


根据 客户 诉求 ， 我 们 将 封面 设置 为 黑色 ， 因 为 
\ 龙 虾 的 颜色 为 红色 ， 为 了 突出 和 衬托 小 龙虾 ， 封 
面 我 们 将 采 带 有 装饰 边 的 背景 。 画册 的 内 页 
和 封面 可 以 是 不 同 的 风格 和 类 型 ， 内 页 我 们 将 采用 
简约 的 白色 ， 并 配 以 一 些 家 常 菜 的 配 图 来 进行 排版 
和 分 布 。 


9.2.2” 配色 方案 


配色 上 我 们 以 黑白 作为 主 色 ， 主 要 采用 以 静 制 
动 的 方案 来 制作 ， 用 纯色 的 背景 来 衬托 花哨 的 美食 ”一 一 


素材 。 


9.2.3 “同类 作品 欣赏 


国 。 操作 步骤 
运行 Photoshop 软 件 ， 在 “欢迎 ”界面 中 单 击 
"新建 ”按钮 ， 在 弹出 的 “新 建文 档 ” 对 话 框 
中 设置 “宽度 ”为 420 毫 米 、“ 高 度 ” 为 297 
毫米 ， 设 置 “分 辨 率 ”为 300 像 素 /英寸 ， 单 
“创建 ”按钮 ， 如 图 9-4 所 示 。 


外 
[= 


和 。 本 lf 加。 wb 。 各 动 各 。 胶片 和 杭 类 


未 标题 1 


HOTELY DEH 
家 党 站 系 


图 9-4 
侈 名 X 必 后 按 Ctrl+R 组 合 键 ， 显 示 标尺 ， 并 在 
舞台 的 中 心 拖 各 出 辅助 线 ， 如 图 9-5 所 示 。 


内 潮 衬 志 四 与 款 头发 下 dousoloUd 荣 尘 午 


图 9-5 
在 菜单 栏 中 选择 “文件 > 置 入 髓 入 对 象 ”命令 ， 
在 弹出 的 “ 置 入 嵌入 的 对 象 ” 对 话 框 中 选择 随 
PB 配备 资源 中 的 “美食 背景 .png” 文 件 ， 单 击 


图 9-3 ( 续 ) 


加 ”技术 要 点 
使 用 “ 置 入 嵌入 对 象 ” 命 令 ， 置 入 素材 到 舞 


“ 置 入 ”按钮 ， 如 图 9-6 所 示 。 


使 用 “修补 工具 ”将 多 余 的 素材 修补 掉 ; 
使 用 “填充 ”命令 填充 “内 容 识别 ”修补 


使 用 “椭圆 选 框 工具 ”创建 选区 ; 

使 用 “创建 蒙 版 ”创建 图 像 的 遮 罩 ; 

用 “图 像 大 小 ”命令 调整 图 像 的 采样 ; 
使 用 “和 矩形 工具 ”和 “直线 工具 ”绘制 田 字 格 ; 
使 用 “ 自 定形 状 工具 ”创建 形状 ; 

使 用 “ 横 排 文字 工具 ”创建 文字 注释 ; 

使 用 “图 层 样式 ”调整 图 像 的 样式 。 


图 9-6 
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调整 素材 在 舞台 中 的 位 置 和 大 小 ， 如 图 9-7 修补 ， 如 果 不 满意 可 以 保持 选区 的 选择 。 在 菜 

所 示 。 单 栏 中 选择 “编辑 > 填充 ”命令 ， 在 弹出 的 “ 填 

i = 充 ” 对 话 框 中 选择 “内 容 ” 为 “内 容 识别 ”， 
人 单 击 “ 确 定 ” 按 钮 。 


复制 “美食 背景 ”， 将 复制 的 “美食 背景 ” 调 
整 到 另 一 侧 ， 将 其 所 在 的 图 层 栅 格 化， 使 用 


"修补 工具 ” 粮 ,， 在 如 图 9-8 所 示 的 位 置 创建 修补 后 的 背面 背景 效果 如 图 9-11 所 示 。 
选区 。 ~ ~ 


在 菜单 栏 中 选择 “文件 > 置 入 嵌入 对 象 ” 命 

在 弹出 的 “ 置 入 嵌入 的 对 象 ” 对 话 框 中 选择 随 
书 配备 资源 中 的 “小 龙虾 jpg” 文 件 ， 单 击 “ 置 
入 ”按钮 ， 如 图 9-12 所 示 。 


移动 选区 到 如 图 9-9 所 示 的 素材 图 像 的 左 侧 位 
置 ， 释 放 鼠 标 左 键 ， 选 区 中 的 图 像 将 被 修补 。 


置 入 素材 后 ， 调 整 素材 的 位 置 和 大 小 ， 使 用 
使 用 “修补 工具 ” 区 . 创建 如 图 9-10 所 示 的 选 “椭圆 选 框 工具 ” 避 . 选 择 如 图 9-13 所 示 的 
区 ， 并 拖 折 选区 到 素材 图 像 的 右 侧 位 置 ， 进 行 区 域 。 


阐 乓 融 doUSo}oyd 协 闪避 


在 “图 层 ”面板 中 确定 小 龙虾 图 层 处 于 选择 状 
态 ， 单 击 “ 添 加 图 层 蒙 版 ”按钮 加 ， 创 建 图 层 
蒙 版 ， 如 图 9-14 所 示 。 


在 舞台 中 继续 调整 素材 的 大 小 ， 在 菜单 栏 中 选 
择 “ 图 像 > 图 像 大 小 ”命令 ， 在 弹出 的 “图 像 大 
小 ”对 话 框 中 选择 “重新 采样 ”为 “保留 细节 
2.0”， 如 图 9-15 所 示 。 


调 下 为 :“ 慰 稳 大 小 


帘 度 Dj: 420.03 


在 使 用 Photoshop 调 整 素材 大 小 时 ， 往 往 会 失 
真 。 针 对 位 图 失真 的 问题 ， 可 以 在 缩放 图 形 之 前 使 
用 “图 像 > 图 像 大 小 ”命令 ， 在 对 话 框 中 修改 “ 重 
新 采样 ”为 “保留 细节 2.0”， 这 样 在 放大 图 像 时 ， 
可 以 减少 失真 的 程度 。 


调整 图 像 大 小 后 的 效果 如 图 9-16 所 示 。 


选择 “矩形 工具 ” 回 ,， 设 置 填充 为 无 ， 设 置 轮 
廓 为 灰色 ， 结 合 使 用 “直线 工具 ”~.， 在 矩形 


中 创建 直线 ， 设 置 直线 的 填充 为 灰色 ， 轮 廓 为 
无 ， 如 图 9-17 所 示 。 


选择 组 成 田 字 格 的 三 个 形状 图 层 ， 单 击 “ 链 接 
图 层 ” 按 钮 G9 ， 这 样 移动 其 中 一 个 形状 即 可 移 


动 整个 田 字 格 ， 如 图 9-18 所 示 。 


格 ， 如 


使 用 “移动 工具 ”中 .,， 按 住 Alt 键 移动 复制 田 字 


机 


属性 。 可 尽 ”路 全 历史 记录 加 
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9-19 所 示 。 


在 田 字 格 中 使 用 “ 横 排 文 字 工具 ”了 . 创建 标题 
和 底部 的 文字 ， 使 用 “ 自 定形 状 工具 ” 愉 . 创 建 
形状 ， 并 在 形状 中 输入 文字 ， 如 图 9-20 所 示 。 


继续 使 用 “ 横 排 文字 工具 ”T.， 在 封面 的 背面 
创建 画册 的 信息 ， 如 图 9-21 所 示 。 


将 所 有 的 封面 图 层 选中 ， 单 击 “ 创 建新 组 ” 按 
钮 外， 将 封面 放置 到 一 个 图 层 组 中 ， 如 图 9-22 
所 示 。 


在 工具 箱 中 单 击 前 景色 ， 在 弹出 的 “ 拾 色 器 
( 前 景色 ) ”对 话 框 中 设置 RGB 为 239、239、 
239， 单 击 “ 确 定 ”按钮 ， 如 图 9-23 所 示 。 
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只 有 Web 新 色 


pun morTrnan® 


口 GDOo 和 vn 


在 菜单 栏 中 选择 “文件 > 置 入 嵌入 对 象 ”命令 ， 
在 弹出 的 “ 置 入 嵌入 的 对 象 ” 对 话 框 中 选 
随 书 配备 资源 中 的 “凉菜 01.png” 文 件 ， 单 刘 
“ 置 入 ”按钮 ， 如 图 9-25 所 示 。 
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置 入 素材 后 ， 调 整 素材 的 位 置 和 大 小 ， 使 用 “ 横 
排 文 字 工具 ”了 T. 在 舞台 中 创建 标题 ， 如 图 9-26 


人 守信 素材 后 ， 调整 素材 的 位 置 和 大 小 ， 双 击 其 
图 层 ， 在 弹出 的 “图 层 样式 ” 对 话 框 中 勾 选 
所 示 。 “ 描 边 ” 复 选 框 ， 设 置 合适 的 参数 ， 如 图 9-29 
所 示 。 
EN、 
SB、 
Dold disn 
头 菜 系列 


ET 


图 9-26 
人 使用“ 自 定形 状 工具 ” 疗 ,， 在 工具 属性 栏 中 先 
择 形状 ， 设 置 合适 的 颜色 ， 在 舞台 中 绘制 形状 ， 
项 使 用 “ 横 排 文字 工具 ”全 , 创建 文字 ， 如 图 9-27 
旧 所 示 。 


全 SD、 
、 


Cold disn 
涡 某 系列 ”人 


图 9-29 
设置 图 像 的 描 边 后 ， 使 用 “ 横 排 文 字 工具 ”了 


这 兰 朗 避 dousoloUd 荣 半 午 


创建 文字 ， 如 图 9-30 所 示 。 


图 9-30 
人 维 续 置 入 图 像 ， 调整 图 像 的 大 小 和 位 置 ， 设 置 图 
层 的 图 层 样式 ， 并 创建 文字 注释 ， 如 图 9-31 所 示 。 


图 9-27 
人 在 菜单 栏 中 选择 “文件 > 置 入 嵌入 对 象 ”命令 ， 
在 弹出 的 “ 置 入 嵌入 的 对 象 ”对 话 框 中 选择 随 
书 配备 资源 中 的 “凉拌 耳朵 .png” 文 件 ， 单 击 
“ 置 入 ”按钮 ， 如 图 9-28 所 示 。 


图 9-31 
继续 置 入 图 像 ， 调 整 图 像 到 合适 的 位 置 和 大 
小 ， 设 置 图 层 的 图 层 样式 ， 如 图 9-32 所 示 。 
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发 性 。 医 导 ”路 公历 安 沁 录 皇 

pp 类 -| 四 OoTDD 4 
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图 9-35 
全 继续 创建 一 个 内 页 版 式 ， 将 “内 页 1” 隐 藏 ， 在 
舞台 中 使 用 “ 横 排 文 字 工具 ”全 ., 创建 文字 ,多 


图 9-32 
命 人 “ 横 排 文字 工具 ”了 . 创建 文字 ， 如 图 9-33 


手 现 串 国 山 6 妾 


图 9-36 所 示 。 
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图 9-33 
全 加 入 素材 ， 设置 图 层 的 遮 章 ， 调 整 至 合适 的 效 
果 ， 并 添加 注释 ， 如 图 9-34 所 示 。 


图 9-36 
人 于 入 素材 图 像 ， 如 果 需 要 将 图 像 放大 ， 使 用 
“图 像 > 图 像 大 小 ”命令 ， 在 弹出 的 “图 像 大 
小 ”对 话 框 中 选择 “重新 采样 ”为 “保留 细节 
2.0”， 单 击 “ 确 定 ” 按 钮 ， 如 图 9-37 所 示 。 


小 49 8M 


4961 像素 x 3508 他 素 


齐 炒 


图 9-34 


全 在 加 入 的 素材 上 使 “和 拢 形 选 框 工 具 ” 绍 . 创 


将 内 页 的 所 有 图 层 选中 ， 单 击 “ 创 建新 组 ” 按 
钮 图 ， 将 图 层 放 置 到 一 个 图 层 组 中 ， 命 名 图 层 
组 为 “内 页 1”， 如 图 9-35 所 示 。 


建 矩 形 选区 ， 作 为 庶 曾 。 创 建 选区 后 ， 在 “图 
层 ” 面 板 中 单 击 “ 添 加 图 层 蒙 版 ”按钮 加， 创 
建 蒙 版 ， 如 图 9-38 所 示 。 
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图 9-42 
人 O 吾 入 素材 ， 设置 素材 的 蒙 版 和 “图 层 样式 ”， 
添加 文字 注释 。 使 用 “和 撼 形 选 框 工具 ”5 在 如 
图 9-43 所 示 的 位 置 创 建 和 矩形 选区 ， 创 建 一 个 新 
的 图 层 。 在 菜单 栏 中 选择 “编辑 > 描 边 ” 命 令 ， 
在 弹出 的 “ 描 边 ”对 话 框 中 设置 合适 的 参数 ， 
描 边 颜色 设置 为 与 标题 颜色 一 致 即 可 。 


图 9-38 
创建 蒙 版 后 ， 双 击 图 层 ， 在 弹出 的 “图 层 样 
式 ” 对 话 框 中 勾 选 “ 描 边 ” 复 选 框 ， 设 置 合适 
的 参数 ， 单 击 “ 确 定 ” 按 钮 ， 如 图 9-39 所 示 。 
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图 9-39 
命名 蛙 田 层 样式 后 ， 使 用 “ 横 排 文字 工具 ”了 T. 创 
建文 字 ， 如 图 9-40 所 示 。 
@ 全 同样 的 方法 置 入 图 像 ， 设 置 图 像 的 蒙 版 和 
“图 层 样 式 ”， 使 用 “ 横 排 文 字 工 具 ” 人 ,创建 文 
字 ， 如 图 9-41 所 示 。 


HOMELYV DSH 


图 9-43 
描 边 后 ， 按 Ctrl+D 组 合 键 ， 取 消 选 区 的 选择 ， 
继续 使 用 “和 矩形 选 框 工具 ”5 选择 右 侧 一 部 分 
区 域 ， 按 Delete 键 ， 将 选区 中 的 图 像 删除 ， 如 
图 9-44 所 示 。 


完 邮 苘 到 


孙 趾 米 孙 


a a a 
图 9-40 图 9-41 图 9-44 


添加 素材 ， 设 置 素材 的 蒙 版 和 “图 层 样式 ” 效 
果 ， 创 建文 字 注 释 ， 如 图 9-45 所 示 。 


人 复制 文字 到 如 9-42 所 示 的 位 置 。 
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图 9-45 

人 @@ 合 “ 横 排 文字 工具 ”了 .创建 文字 注释 ， 并 复 
制 一 个 半 和 矩形 框 ， 如 图 9-46 所 示 。 然 后 将 所 有 
的 内 页 图 层 放置 到 同一 个 图 层 组 中 ， 命 名 图 层 
组 为 “内 页 02”。 
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| 9.3:1 设计 思路 


名 雹 册 。。。 本 下 后 


I 加 ”案例 类 型 
本 案例 设计 制作 一 本 公司 画册 ” 扫 码 看 视频 
至 此 ， 美 食 画册 制作 完成 。 我 们 一 共 制 作 了 两 模板。 
个 内 页 的 排版 ， 如 果 内 页 较 多 可 以 重复 使 用 ， | 国 ”项目 诉 求 
也 可 以 简单 调整 一 下 布局 来 使 用 。 需要 制作 一 款 比较 商务 的 公司 画册 ， 风 格 和 类 
型 可 以 依据 蓝 色 的 商务 画册 制作 。 
加 ”设计 定位 
9.3 商业 案例 一 一 公司 画册 模板 根据 项 目 要 求 ， 我 们 将 采用 商务 的 蓝 色 封面 和 
设计 简约 几何 体内 容 页 来 制作 ， 在 封面 中 我 们 将 主要 放 
置 一 些 公司 的 信息 ;内 页 将 采用 几何 体 加 素材 的 类 
型 装饰 ， 避 免 太 过 呆板 的 商务 效果 。 


站 | 


Se | 9.3.2 ”配色 方案 


Enter compeny name 


配色 上 ， 我 们 将 以 蓝 色 和 白色 作为 主 色 ， 
色 可 以 用 于 各 种 广告 和 画册 中 ， 蓝 色 是 代表 商务 
的 颜色 。 本 案例 的 封面 将 采用 渐变 的 蓝 色 制 作 ， 
内 容 页 也 会 添加 一 些 蓝 色 调 的 素材 作为 装饰 ， 在 
主 调 的 基础 上 我 们 再 添加 少许 的 跳跃 颜色 ， 如 桶 
红色 。 
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澡 误 


| 9.3:3” 同类 作品 欣赏 


| 9.3:4 “项 目 实战 


国 ”制作 流程 

本 案例 首先 绘制 矩形 和 直线 ， 置 入 素材 图 像 ， 
填充 选区 ， 然 后 创建 选区 并 调整 ， 创 建 图 像 的 谈 
单 ， 最 后 创建 文字 注释 ， 调 整 图 像 的 样式 ， 如 图 9-47 
所 示 。 
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图 9-47 
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图。 技术 要 点 


使 用 “和 拢 形 工具 ”和 “直线 工具 ”绘制 矩形 和 


目 “ 置 入 嵌入 对 象 ”命令 置 入 素材 到 舞 | 


“填充 ”命令 填充 选区 ; 
“多 边 形 套 索 工具 ”创建 选区 并 调整 | 


使 用 


3 
Xl 


| 

| 

| 

“创建 蒙 版 ”创建 图 像 的 谈 电 ， | 
目 “ 横 排 文 字 工具 ”创建 文字 注释 ， | 
“图 层 样式 ”调整 图 像 的 样式 ; | 
“色相 /饱和 度 ”命令 调整 色调 。 
加 ”操作 步骤 | 
运行 Photoshop 软 件 ， 在 “ | 
“新 建 ”按钮 ， 在 弹出 的 “新 建文 档 ” 对 话 框 | 

中 设置 “宽度 " 为 425 毫 米 、“ 高 度 " 为 291 | 
| 
1 
| 
| 
| 
| 
| 
| 


欢迎 ”界面 中 单 击 


毫米 、“ 分 辩 率 ”为 300 像 素 / 英 寸 ， 单 击 “ 创 | 
建 ” 按 钮 ， 如 图 9-48 所 示 。 
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图 9-48 | 
按 Ctrl+R 组 合 键 ， 显 示 标 尺 ， 并 
在 舞台 的 中 心 拖 息 出 辅助 线 ， 如 图 9-49 所 示 。 


ern 问 口 可 3 
E 、 PT 


图 9-49 
使 用 “和 撼 形 工具 ” 黑 , 在 舞台 中 创建 矩形 ， 在 
“属性 ”面板 中 设置 填充 为 渐变 色 ， 设 置 渐 变 
的 RGB 为 23、167、219 到 RGB 为 0、99、156 的 
渐变 ， 如 图 9-50 所 示 。 


| 人 @ 调整 矩形 的 位 置 和 大 / 


图 9-50 
\， 如 图 9-51 所 示 。 


图 9-51 


| 继续 在 矩形 的 下 方 创建 矩形 ， 设置 填充 渐变 


的 RGB 为 0、145、199 到 RGB 为 0、75、117 的 
渐变 ， 设 置 两 个 矩形 的 轮廓 都 为 无 ， 如 图 9-52 
所 示 。 
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图 9-52 

低调 天 矩 形 的 位 置 和 大 小 ， 如 图 9-53 所 示 。 

人 @ 在 沫 单 栏 中 选择 “文件 > 置 入 嵌入 对 象 ” 命 令 ， 
在 弹出 的 “ 置 入 嵌入 的 对 象 ”对 话 框 中 选择 随 
书 配备 资源 中 的 “建筑 .jpg” 文 件 ， 单 击 “ 置 
入 ”按钮 ， 如 图 9-54 所 示 。 
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图 9-54 
人 @ 里 和 素材 后 ， 调整 素材 的 位 置 和 大 小 ， 如 图 9-55 
所 示 。 
图 9-55 
使 用 “矩形 选 框 工具 ”5.,， 在 建筑 的 位 置 上 创 
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建 矩 形 ， 在 “图 
接生 创建 蒙 版 ， 如 图 9- 56 所 示 。 
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图 9-56 


“添加 图 层 蒙 


人 @ 设置 建筑 的 莹 版 后 ， 在 建筑 的 下 方 使 
具 ” 加 .创建 矩形， 也 可 以 复制 矩 形 ， 调 整 其 


高 度 ， 如 图 9-57 所 示 。 


“矩形 


将 建筑 下 的 矩形 图 
用 “多 边 形 套 索 了 


图 9-57 
层 栅 格 化 为 普通 图 


位 置 创 建 选 区 ， 并 按 Delete 键 ， 删 除 选 
图 像 。 


属性 。 国 层 ”历史 记录 


层 ， 使 


[ 具 ” 另 .在 如 图 9-58 所 示 的 


区 中 的 


Pa vi 国 @THA®S 
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锁定 :图 w 中 二 人 填充 ; 100% ~ 
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e [车 是: 


" 王 : 权 建筑 
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使 用 “多 边 形 套 索 工 具 ” 有 列 ， 选 择 右 侧 的 区 


图 9-58 


域 ， 按 Ctrl+U 组 合 键 ， 在 弹出 的 “色相 /饱和 
度 ” 对 话 框 中 调整 合适 的 参数 ， 设 置 颜色 为 橘 
红色 ， 如 图 9-59 所 示 。 


多 和 式 (A): 


了 着 色 (0) 
FH 预览 (p) 


调整 颜色 后 按 Ctrl+D 组 合 键 ， 取 消 选 区 的 选 
择 ， 如 图 9-60 所 示 。 
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图 9-63 
设置 图 层 样式 后 的 形状 效果 ， 设 置 形状 的 轮廓 
为 无 ， 如 图 9-64 所 示 。 


图 9-60 
人 @@ 合 “ 横 排 文 字 工具 ”了 .在 舞台 中 创建 文字 ， 
如 图 9-61 所 示 。 
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图 9-64 
| 人 @ 信 将 设置 图 层 样式 后 的 形状 图 层 转换 为 普通 图 
| 层 ， 栅 格 化 图 层 样式 ， 如 图 9-65 所 示 。 
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@ 了 公司 画册 
@。 了。 不 为 失败 找 理由 ， 要 为 … 
© 了 LoGoandEhtercompany… 
罗 了 L060 输入 公司 名 
@ 工 输入 公司 名 
LOGO- 输 入 公司 名 * mn 
PE | 
i 图 9-65 
国 9-62 ”人 @O 接 CtliU 组 合 刍 ， 在 弹出 的 “色相 /饱和 度 ”对 
双击 创建 的 矩形 图 层 ， 在 弹出 的 “图 层 样式 ， | 。” 话 框 中 设置 合适 的 参数 ， 调 整 效果 为 蓝 色 ， 如 
对 话 框 中 多 选 “ 图 案 党 加 ” 复 选 框 ， 设 置 合适  ”” 图 9-66 所 示 。 
的 参数 ， 如 图 9-63 所 示 。 ”全 调整 后 的 效果 如 图 9-67 所 示 。 
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色相 (H): 


饱和 度 (A): 


明 订 (Dj: 


回 阁 elo) | 
有 天 开国 预 故 站 


图 9-66 


,公司 名 
有 


图 9-67 


使 用 “和 矩形 工具 ”加 ,在 舞台 中 创建 矩形 ， 


图 9-68 所 示 。 


图 9-68 


在 “属性 ”面板 中 设置 渐变 颜色 ， 设 置 渐变 的 
192、239 到 RGB 为 32、 


RGB 为 60、 
渐变 ， 如 图 9-69 所 示 。 


143、207 的 


图 9-69 


人 调整 浙 变 的 效果 如 图 9-70 所 示 。 


人 在 舞台 中 复制 图 像 ， 如 图 9-71 所 示 。 


在 弹 


图 9-70 


输入 公司 
i mme 


图 9-71 
人 在 菜单 栏 中 选择 “文件 > 置 入 陪 入 对 象 ”命令 ， 


出 的 “ 置 入 嵌入 的 对 象 ” 对 话 框 中 选择 随 


书 配备 资源 中 的 “科技 .png” 文 件 ， 单 击 “ 置 
入 ”按钮 。 调 整 图 像 的 大 小 与 位 置 后 ， 效 果 如 
图 9-72 所 示 。 


输入 公司 名 
sen mame 


LOGO- 输 入 公司 名 
和 


图 9-72 


en -73 所 示 的 位 置 ， 设 


置 图 


层 的 混合 模式 为 “ 变 亮 ” 


图 9-73 
人 选择 导入 的 科技 素材 ， 在 “图 层 ” 面 板 中 单 


LOGO- 输 入 公司 名 


nd Enter conpary nane 
不 为 夫 申 拒 理 由， 大 为 气功 找 方法 


图 9-76 


| 全 这 样 公司 的 封面 就 制作 完成 了 ， 将 封面 所 有 的 


击 “ 添 加 图 层 蒙 版 ”按钮 口 ， 使 用 “画笔 工 
具 ” .设置 合适 的 柔 边 笔触 ， 并 设置 画笔 的 
“不 透明 度 ” 为 10%， 将 前 景色 设置 为 黑色 ， 
涂抹 遮 章 如 图 9-74 所 示 。 


图 9-74 
在 如 图 9-75 所 示 的 位 置 创建 矩 形 ， 设 置 填充 


为 蓝 色 ， 并 设置 图 


层 的 混合 模式 为 “正片 


苔 底 ”。 


图 9-75 


使 用 “ 横 排 文字 工具 
释 ， 如 图 9-76 所 示 。 


图 层 放置 到 同一 个 图 层 组 中 ， 命 名 图 层 组 为 
“封面 ”， 如 图 9-77 所 示 。 


属性 | 男 导 历史 记录 至 
Pa ~v 国 @THA® 
弃 适 页 委 明度 : 100% 


久 定 : 图 wy 中 从 自 填充 : 100% 


© 背景 [5] 


o 大 QG 加 昌 会 


图 9-77 


| 八 隐藏 图 层 组 继续 制作 内 页 ， 在 菜单 栏 中 选择 


”了 .在 舞台 中 创建 文字 注 | 


“文件 > 置 入 嵌入 对 象 ” 命 令 ， 在 弹出 的 “ 置 入 峰 
入 的 对 象 ”对 话 框 中 选择 随 书 配备 资源 中 的 “ 建 
筑 02.jpg” 文 件 ， 单 击 “ 置 入 ”按钮 ， 如 图 9-78 
所 示 。 


Ew ~ Ei) 
GO “ext , #u , ns I E23 加 
BiR > 新疆 伯 失 s- AHe@ 


图 9-78 
置 入 素材 后 ， 将 素材 放置 到 左 侧 的 页 面 中 ， 
击 前 景色 ， 设 置 前 景色 的 RGB 为 4、118、201， 
如 图 9-79 所 示 。 
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抬 色 中 ( 前 县 色 ) 


CC) 
; 取消 
添加 到 色 板 
颜色 库 
OH 205 度 口 E 48 
Se lI% Ol3 
B: 79 |% Ob: -52 
R44 Cg % 
G: 118 M50 |% 
口 只 有 web 着 色 B: 201 Yo |% 
# [bs76c9 Klo |% 


图 9-79 
在 如 图 9-80 所 示 的 位 置 使 用 “和 矩形 选 框 工 
具 ” 和 .创建 选区 ， 在 “图 层 ” 面 板 中 创建 新 图 


层 ， 按 Alt+Delete 组 合 键 ， 填 充 前 景色 ， 设 置 
"不 透明 度 ” 为 40%。 


二 | ss [二 二 = 
D ~ amornHa® 
EN 

Wael /$M 0% 

° Ba ax= | 
sm 

ef |ws 


图 9-80 
9-81 所 示 的 位 置 创建 文字 注释 。 


入， 由 及 六 


”图 9-81 

全 继续 在 舞台 的 底部 创建 文字 ， 设置 填充 为 灰 
蓝 ， 并 设置 文字 图 层 的 “不 透明 度 ” 为 80%， 
如 图 9-82 所 示 。 


st 底部 的 文字 到 右上 角 ， 调 整 文字 的 大 小 ， 
如 图 9-83 所 示 。 

@@ 在 荣 音 栏 中 选择 “文件 > 置 入 嵌入 对 象 ” 命 令 ， 
在 弹出 的 “" 置 入 嵌入 的 对 象 ”对 话 框 中 选择 随 
书 配备 资源 中 的 “建筑 01.jpg” 文 件 ， 单 击 “ 置 
入 ”按钮 ， 如 图 9-84 所 示 。 
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图 9-83 
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图 9-84 

在 菜单 栏 中 选择 “文件 > 置 入 嵌入 对 象 ”命令 ， 
在 弹出 的 “ 置 入 嵌入 的 对 象 ” 对 话 框 中 选择 随 
书 配备 资源 中 的 “建筑 jpg” 文 件 ， 单 击 “ 置 

入 ”按钮 ， 如 图 9-85 所 示 。 

将 置 入 的 素材 调整 至 合适 的 位 置 和 大 小 ， 

图 9-86 所 示 。 
你 在 舞台 中 使 “ 横 排 文 字 工 具 ” 了 .创建 文字 注 

释 ， 使 用 “直线 工具 ”7 .绘制 两 条 直线 ， 分 别 

填充 为 蓝 色 和 橘 色 ， 作 为 分 割 线 ， 使 用 “ 横 排 文 

字 工 具 ”T .在 舞台 中 拖 蝶 出 文本 框 ， 如 图 9-87 

所 示 。 


您 这 样 第 一 个 内 页 就 制作 完成 了， 将 所 有 内 页 图 
层 选中 ， 将 其 放置 到 一 个 图 层 组 中 ， 将 图 层 组 
隐藏 。 

接 下 来 创建 第 二 个 内 页 ， 使 用 “直线 工具 ”/., 
创建 如 图 9-89 所 示 的 辅助 线 。 


my ee ee a 
sl rT 
二 JT 训 


EI 


图 9-89 
按 Ctrl+T 组 合 键 ， 打 开 自 由 变换 ， 在 工具 
属性 栏 中 ， 调 整 辅助 线 的 宽度 ， 如 图 9-90 
所 示 。 


[Fe: 


mochmheHd+ 中 
DNHOENNNOAN 


9*m 


Do 


图 9-90 


name and logo 四 
信 复 制 线 作为 辅助 线 ， 如 图 9-91 所 示 。 


图 9-87 
人 OO 在 文本 框 中 输入 文字 内 容 ， 如 图 9-88 所 示 。 


图 9-91 
他 在 工具 箱 中 设置 前 景色 的 RGB 为 了、 61、110， 
如 图 9-92 所 示 。 
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图 9-95 
继续 创建 文字 。 使 用 “多 边 形 套 索 工 具 ” 丈 , 
创建 选区 ， 填 充 选 区 为 灰色 。 导 入 素材 到 舞台 
中 ， 在 素材 上 创建 选区 ， 并 单 击 “添加 图 层 蒙 


图 9-92 
人 @O 合 “多 边 形 套 索 工 具 ” 兄 ,在 舞台 中 创建 选 


区 ， 如 图 9-93 所 示 。 


你 


这 阐 后 开 doySo}oyd 雪 冷 丑 


项 


图 9-93 
@tE “图 层 ”面板 中 新 建 图 层 。 按 AlttDelete 组 合 


sie 图 9-96 
人 人 @ 竺 六 添加 素材 并 设置 表 材 的 家 版 ， 如 图 9-97 
展 性 | 图 层 “历史 记录 二 所 示 。 
Pa v- 四 OoTDB 8 
正常 v| 了 通明 魔 : 100% ~ 


锁定 :图 w 中 全 和 填充 : l00% ~ 
-EE 
人 ) 国 组 1 

》 国 内 页 01 

》 国 封面 
© 背景 [sl 


中 DO 器 加 人 闪 
图 9-94 
按 Ctrl+D 组 合 键 ， 取 消 选区 的 选择 ， 再 使 用 
“多 边 形 套 索 工具 ” 列 , 创 建 选 区 ， 并 填充 前 
景色 ， 在 填充 前 景色 的 位 置 使 用 “ 横 排 文 字 工 
具 ” 了 .创建 文字 ， 如 图 9-95 所 示 。 


图 9-97 

全 在 舞台 中 选择 右 侧 的 装饰 素材 和 文字 ， 单 击 
“链接 图 层 ” 按 钮 G9 ， 将 图 层 链接 ， 这 样 移动 
一 个 图 层 ， 其 他 链接 的 图 层 都 被 移动 和 关联 ， 
如 图 9-98 所 示 。 
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》 国 寺 面 
© 背景 和 
Er Oem 会 
图 9-98 


人 @ 将 辅助 线 隐藏 ， 如 图 9-99 所 示 。 


图 9-99 
“ 横 排 文字 工具 ”了 T. 在 舞台 中 创建 文字 ， 
“矩形 工具 ”局 , 在 舞台 中 创建 和 矩形， 分 
别 设置 矩形 为 深蓝 色 和 橘 色 ， 如 图 9-100 所 示 。 


@@ 使 用 
并 


使 用 


公司 历程 
COMPANY HISTORY 
村 产业 MEXINCHANYE 


图 9-100 


全 在 舞台 中 创建 公司 简介 ， 如 图 9-101 所 示 。 


的 填充 为 灰色 ， 轮 廓 为 无 ， 如 图 9-102 所 示 。 


“直线 工具 ”7. 在 舞台 中 创建 线 ， 设 置 线 | 


A 
Company 


history 
CK 这 


图 9-101 


图 9-102 
例 继续 合 “直线 工具 ”人 人 .， 绘 制 如 图 9-103 所 示 
的 线 。 
公司 历程 
人 半生 


Pry 


图 9-103 
人 复制 底部 的 线 ， 如 图 9-104 所 示 。 


公司 历程 
COMPANY HISTORY 


191 


阁 疝 串 国 ” 山 6 波 


po 


全 将 内 页 的 图 层 放 置 到 同一 个 图 层 组 中 ， 命 名 
层 组 为 “内 页 02”， 如 图 9-105 所 示 。 


属性 。 加 层 | 历 实 记录 


pa -| 四 OoTrHB 。 
证 ~ 不 透明 度 : 100% ~ 
鲍 放 : 田 4/ 出 本 四 填充 : 100% ~ 
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图 9-105 
@L, 公司 画册 模板 制作 完成 。 


次 交 友 站 


9 .4 优秀 作品 欣赏 ) 
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插画 概述 


当今 社会 插画 被 广泛 地 应 用 于 社会 的 各 个 领 
域 。 随 着 艺术 的 日 益 商品 化 和 新 的 绘画 材料 及 工具 
的 出 现 ， 插 画 艺 术 进入 商业 化 时 代 。 如 图 10-1 所 示 。 


插画 是 一 种 艺术 形式 ， 作 为 现代 设计 的 一 种 重 
要 的 视觉 传达 形式 ， 其 以 直观 的 形象 性 ， 真 实 的 
生活 感 和 美的 感染 力 ， 在 现代 设计 中 占有 特定 的 
地 位 ， 已 广泛 用 于 现代 设计 的 多 个 领域 ， 涉 及 文 
化 活动 、 社 会 公共 事业 、 商 业 活动 、 影 视 文化 等 
方面 。 


10.1.1 一 什么 是 插画 


插画 原 指 在 书籍 中 的 插图 ， 后 随 着 时 代 的 发 
已 不 仅 限于 图 书 的 插图 ， 也 应 用 于 漫 


插画 被 俗称 为 插图 ， 通常 出 现在 出 版 物 配 图 、 拉 简 吉 祥 物 、 影 视 海 
报 、 游 戏 人 物 的 设 定 中 。 本 章 将 介绍 插画 的 一 些 常 识 和 设计 。 


画 、 游 戏 场景 、 动 画 的 原始 稿件 和 原型 的 创作 
中 ， 如 图 10-2 所 示 。 


现代 插画 与 一 般 意义 上 的 艺术 创作 插画 有 一 定 


的 区 别 ， 两 者 的 功能 和 表现 形式 ， 以 及 传播 媒介 方 
面 都 有 着 差异 。 现 代 插 画 的 服务 对 象 首先 是 商品 ， 
商业 活动 要 求 把 所 承载 的 信息 准确 、 明 晰 地 传达 给 
观众 ， 以 达到 观众 接受 正确 信息 ， 并 让 观众 得 到 从 
来 没有 的 感受 。 

插画 在 画册 、 图 书 、 广 告 中 一 般 作为 文字 的 补 
充 ， 能 够 让 人 们 图 文 并 茂 地 熟悉 和 了 解 文字 内 容 
并 通过 添加 插画 可 以 使 观众 得 到 感性 认识 的 满足 。 


10.1.2“ 插画 设 计 的 原则 


现代 插画 的 形式 多 种 多 样 ， 以 媒体 不 同 可 以 分 
为 印刷 媒体 与 影视 媒体 。 印 刷 媒体 包括 招贴 海报 、 


着 后 工 doUSo}oUd 画 准 刁 


报纸 、 杂 志 、 书 籍 、 产 品 包装 、 企 业 形象 插画 等 ， (3) 电子 插画 。 电 子 插画 包括 电子 游戏 插画 
影视 媒体 包括 电影 、 电 视 等 。 与 动画 插画 ， 如 图 10-5 所 示 。 

插画 设计 根据 基本 的 诉讼 功能 使 信息 简洁 、 明 
确 、 清 晰 地 传递 给 观众 ， 引 起 观众 的 兴趣 ， 并 在 审 
美的 过 程 中 使 观众 欣然 接受 宣传 的 内 容 。 

在 现代 插画 设计 过 程 中 ， 不 要 偏离 主题 ， 偏 离 
主题 的 插画 往往 使 现代 插画 的 功能 减弱 。 因 此 ， 设 
计 插 画 时 必须 立足 于 鲜明 、 单 纯 、 准 确 。 


10.1.3 ”插画 的 常见 分 类 


根据 插画 的 应 用 范围 以 及 目前 在 市 场 上 的 流 
行 性 ， 插 画 可 以 分 为 商业 插画 、 书 籍 插画 、 电 子 插 
画 、 涂 鸦 四 大 类 。 

(1) 商业 插画 。 商 业 插画 是 获 有 相关 报酬 
的 ， 作 者 对 作品 放弃 所 有 权 ， 只 保留 署名 权 的 商业 
买卖 的 行为 ， 被 广泛 用 于 广告 、 商 品 包 装 、 报 纸 、 
书籍 装帧 、 环 艺 空间 、 电 脑 网 络 等 领域 ， 如 图 10-3 
所 示 。 人 为 和 有 意图 的 标记 。 涂 鸦 可 以 是 图 画 ， 也 可 以 是 
文字 ， 如 图 10-6 所 示 。 


(2) 书籍 插画 。 书 籍 插画 包括 书籍 封面 、 封 
底 、 内 容 页 的 插画 ， 广 泛 应 用 于 各 类 书籍 中 ， 如 
10-4 所 示 。 


10.1.4 “插画 的 表现 形式 及 风格 


插画 根据 市 场 的 定位 可 以 分 为 写实 风格 、 抽 象 
表现 风格 、 装 饰 表 现 风 格 和 漫画 表现 风格 。 


(1) 写实 风格 。 写 实 风格 是 根据 实物 或 照片 
进行 写实 描绘 或 写实 设计 ， 并 做 到 与 实物 基本 相符 
的 境界 ， 如 图 10-7 所 示 。 


(2) 抽象 表现 风格 。 从 具体 事物 抽象 出 、 概 
括 出 它们 共同 的 方面 、 本 质 属性 与 关系 等 ， 而 将 个 
别 的 、 非 本 质 的 方面 、 属 性 与 关系 舍弃 ， 这 种 思维 
过 程 ， 称 为 抽象 ， 如 图 10-8 所 示 。 


E> 


kL 


(3) 装饰 表现 风格 。 将 主题 突出 显 
- 些 装饰 元 素来 突出 主题 ， 如 图 10-9 所 示 。 


示 并 加 以 


(4) 漫画 表现 风格 。 用 简单 而 又 夸张 的 手法 
来 绘制 生活 或 时 事 的 图 画 ， 如 图 10-10 所 示 。 


| 
”10.2 商业 案例 一 一 月 饼 包装 合 
上 的 插画 设计 


110.2.1 设计 思路 


加 ”案例 类 型 国 宙 Ee 
本 案例 设计 一 款 月 饼 包 装 盒 上 的 ， 扫 码 看 视频 
圆 形 插画 。 
| 加 ”项目 诉求 
| 客户 要 求 制 作出 有 中 秋 特 色 的 一 款 椭圆 形 月 饼 
包装 盒 插画 ， 要 求 主体 背景 为 黑夜 的 深蓝 色 ， 并 加 
上 中 秋 节 的 一 些 主角 即 可 。 
| 图 ”设计 定位 
根据 客户 的 需求 我 们 将 制作 一 个 中 秋 黑 夜 效 
果 ， 在 黑夜 中 将 绘制 有 圆 圆 的 月 亮 、 小 白 免 、 桂 花 
等 中 秋 的 场景 素材 。 


110.2.2” 配色 方案 


配色 上 我 们 将 使 用 黄色 和 蓝 色 作为 主 色调 ， 在 
黑夜 色调 基础 上 制作 出 温馨 团圆 的 氛围 。 


110.2.3” 同类 作品 欣赏 


ET 


， 平 殉国 冲 


使 用 “直接 选择 工具 ”选择 路 径 的 控制 点 ， 调 
整 控制 点 ; 
使 用 “路 径 选 择 工具 ”设置 路 径 的 属性 或 移动 


| 
| 
| 路径， 
使 用 “画笔 工具 ”绘制 图 像 
| 使 用 “图 层 样式 ”调整 图 像 的 样式 ; 

| 使 用 “自由 变换 ”命令 调整 图 像 的 形状 、 角 度 
| 


”和 大 小 。 
加 ”操作 步骤 

运行 Photoshop 软 件 ， 在 “欢迎 ”界面 中 单 击 
“新建” 按钮 ， 在 弹出 的 “新 建文 档 ” 对 话 框 
中 设置 “宽度 ”为 1000 像 素 、“ 高 度 ” 为 1000 


上 10.2.4 “项目 实 战 


国 ”制作 流程 

本 案例 首先 创建 椭圆， 制作 辆 形 底 纹 和 月 亮 
然后 创建 路 径 ， 调 整 路 径 的 形状 ， 选 择 路 径 的 控制 ee 
点 并 调整 控制 点 ， 设 置 路 径 的 属性 或 移动 路 径 ， 最 | 像素 ，“ 分 辨 率 ” 为 300 像 素 /英寸 ， 音 击 “ 旬 
后 绘制 图 像 ， 调 整 图 像 的 样式 以 及 调整 图 像 的 形 | 建 ”按钮 ， 如 图 10-12 所 不 。 
状 、 角 度 和 大 小 ， 如 图 10-11 所 示 。 | ea Bem | MA no NEoms wh WR MA 


| ee = . 
| 3。 a 9 回回 0 
| : [em or ~ 
| ® E3 Ken) 


图 10-12 
(Oats, 使 用 “椭圆 工 具 ”. 在 舞台 中 多 
建 椭圆 ， 设 置 椭圆 的 填充 RGB 为 23、29、63， 
| 下 如 图 10-13 所 示 。 


图 10-13 
| 人 @ 双 击 创 时 的 梢 加 形状 ， 在 弹出 的 “图 层 样式 ” 
对 话 框 中 勾 选 “内 发 光 ” 复 选 框 ， 设 置 内 发 
使 用 “钢笔 工具 ”创建 路 径 ; 光 的 RGB 为 42、45、115， 设 置 合适 的 参 
使 用 “转换 点 工具 ”调整 路 径 的 形状 | 数 ， 如 图 10-14 所 示 。 


图 10-11 


国 。 技术 要 点 
使 用 “椭圆 工具 ”创建 椭圆 ， 制 作 圆 形 底 纹 和 


| Ota 椭圆 工具 ”后 .创建 三 个 椭圆 ， 设 置 三 个 
椭圆 的 填充 RGB 为 245、207、58， 如 图 10-18 


所 示 。 N 


图 10-14 
继续 使 用 “ 椭 贺 工具” 在 舞台 中 创建 椭圆 ， | 
设置 椭圆 的 填充 RGB 为 255、255、73， 设 置 轮 | 
廓 为 无 ， 如 图 10-15 所 示 。 | 


图 10-17 图 10-18 中 
双击 遮 章 后 的 月 亮 顶 圆 ， 在 弹出 的 “图 层 样 
式 ” 对 话 框 中 勾 选 “外 发 光 ” 复 选 框 ， 设 置 发 加 
光 的 RGB 颜 色 为 255、204、0， 设 置 合适 的 参加 > 
数 ， 如 图 10-19 所 示 。 


| mes To CE a 
吉 | 站 YE 
图 有 
:| 大 -ee 加 
| | 5 | 
ls 
图 10-15 | Bs = 
人 选择 作为 月 亮 的 椭 加 ， 按 住 Cm 键 单 击 第 一 个 档 | 图 10-19 
前 的 缩 览 窗 ， 将 其 载 入 选区 ， 选择 月 亮 椭圆 | 设置 图 层 样式 后 的 月 亮 ， 可 以 看 出 发 光 效 果 超 
图 层 ， 单 击 “ 添 加 图 层 蒙 版 ”按钮 口 ， 创 建 莹 | 。 出 了 背景 ， 如 图 10.20 所 示 。 \ 
版 ， 如 图 10-16 所 示 。 | SS 
属性 ”图 层 
P#i vo@rna® 
正常 v| 不 通明 度 : 100% ~ 


钢 : 加 /中 村 自 填充 : 100% ~ 


图 10-20 


人 @ 祝 属 化 月 亮 国民 为 普通 图 民 ， 如 图 10.21 所 示 。 

col eT | 人 @ 护 储 Cti 委 单 十 第 一 个 本 加 前 的 纺 鉴 窗 ， 将 其 、 
| ” 载 入 选区 ， 然 后 选择 月 亮 椭 回 图 层 ， 单 击 “ 添 ”全 

加 图 层 蒙 版 ”按钮 口 ， 创 建 蒙 版 ， 如 图 10-22 | 


图 10-16 
@ 外 娃 莹 版 后 的 效果 如 图 10-17 所 示 。 
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计生 加 s 


Pa 
正 党 
WE 


MN 


“gornne® 
-| 7 通明 度 : 100% ~ 
4A 中 二 全 填 和 :100% ~ 


e EE 机 图 3 拷贝 3 


“上 


所 DO 9 日 合 


1 20% 


图 10-21 


se ee 

P 反 ~ 加 
E33 

访 E: 图 w 中 村 


. wns 
Fe 


Wx 


erna® 


~ 不 证 明度 : 100% | ~ 


个 请 充 : 100% ~ 


2 
© 捕 国 1 tr» 
但 效果 
人 内 发 光 
© 背景 自 


置 图 层 样式 后 的 月 亮 效果 如 图 10- 


23 所 示 。 


图 10-23 
有 “钢笔 工具 ”2.， 
“创建 新 路 径 ”按钮 加 
所 
的 


状 。 


在 “路 径 ” 


面板 中 单 击 


， 在 舞台 中 绘制 如 图 10-24 


示 的 形状 ， 使 用 ( 转换 点 工具 ) 


图 10-24 


在 
( 
23 
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具 箱 中 单 击 前 景 


前 景色 ) ”对 话 框 


9， 如 图 10-25 所 示 。 


八 ,调整 路 径 


:oo [es 


色 ， 在 弹出 的 “ 拾 色 器 


设置 RGB 为 169、215、 


有 
六 二 各 


只 有 Web 颜色 


图 10-25 
贺 创建 路 径 层 的 重要 性 


当 我 们 使 用 “钢笔 工具 ”绘制 路 径 时 ， 如 果 不 
单 击 “创建 新 路 径 ” 按 钮 四， 路 径 将 显示 为 “ 工 
作 路径 ”， 工 作 路 径 的 缺点 就 是 ， 当 我 创建 完 路 径 
之 后 ， 再 次 创建 新 路 径 时 会 直接 将 新 的 路 径 显示 为 
“工作 路 径 ”， 之 前 的 工作 路 径 将 视 为 无 用 路 径直 
接 被 蔡 换 掉 。 所 以 为 了 方便 操作 我 们 将 创建 新 路 径 
层 来 对 路 径 进行 编辑 和 使 用 ， 创 建 的 路 径 层 只 要 不 
删除 ， 不 压缩 存储 图 像 都 会 保存 在 “路 径 ” 面 
板 中 。 


人 他 确定 当前 路 径 为 选择 对 象 ， 按 Ctrl+Enter 组 合 键 


将 路 径 载 入 选区 ， 在 “图 层 ” 面 板 中 单 击 “ 创 
建新 图 层 ” 按 钮 日 ， 新 建 图 层 。 按 Alt+Delete 
组 合 键 ， 填 充 选区 为 前 景色 ; 按 Ctrl+D 组 合 
键 取消 选区 的 选择 ， 按 住 Alt+Ctrl 组 合 键 ， 
将 月 亮 的 遮 罩 复制 到 当前 图 层 上 ， 如 图 10-26 
所 示 。 


“| TN: 0% |~ 


图 10-26 
人 他 使 用 “钢笔 工具 ”人 .， 在 “路 径 ” 面 板 中 单 击 


“创建 新 路 径 ” 按 钮 名 ， 在 舞台 中 绘制 如 图 10-27 
所 示 的 形状 ， 使 用 “转换 点 工具 ”下 ,调整 路 径 


的 形状 ， 使 用 “直接 选择 工具 ”发 , 调 整 点 的 位 


NA 调整 


整 路 径 的 形状 ， 使 用 “直接 选择 工具 ” 


置 ， 直 至 路 径 得 到 满意 的 效果 。 


图 10-27 

在 工具 箱 中 单 击 前 景色 ， 在 弹出 的 “ 拾 色 器 
( 前 景色 ) ”对 话 框 中 设置 RGB 为 114、168、 
202， 如 图 10-28 所 示 。 


抢 色 器 ( 前 景色 ) 


新 的 
夏 位 
@ 潍 
国 添加 到 色 板 
当前 
而 色 库 
度 口 66 
% Oa: -12 
: % Ob: -23 
3 Cl |j% 
Ml26 |% 


只 有 Web 颜色 


# [72380 AD 


图 10-28 
和 创建 的 路 径 载 入 选区 ， 

图 层 ” 面 板 中 单 击 “创建 新 图 层 ” 按 钮 日 ， 
新 建 图 层 。 按 AlttDelete 组 合 键 ， 填 充 选 区 为 前 
景色 ; 按 Ctrl+D 组 合 键 取消 选区 的 选择 ， 按 住 
Alt+Ctrl 组 合 键 ， 将 月 亮 的 遮 罩 复 制 到 当前 图 层 
上 ， 如 图 10-29 所 示 。 


图 10-29 
人 ER “钢笔 工具 ”人 ,.， 在 “路 径 ” 面 板 中 单 
击 “ 创 建新 路 径 ” 按 钮 甸 ， 在 舞台 中 绘制 如 
10-30 所 示 的 形状 ， 使 用 “转换 点 工具 ”人 , 调 


点 的 位 置 ， 直 至 路 径 得 到 满意 的 效果 。 


OD 


RE 加 天 


园 :*: 

贺 :#: 

图 s: | 

eo 9 o [a]s 
图 10-30 
在 工具 箱 中 单 击 前 景色 ， 在 弹出 的 “ 拾 色 器 
( 前 景色 ) ”对 话 框 中 设置 RGB 为 218、110、 
100， 如 图 10-31 所 示 。 
失色 亚 ( 前 景色 ) 


只 有 Web 颜色 B: 100 Y: 54 
Be kx |% 
图 10-31 
安 Ctrl+Enter 组 合 键 


人 确定 当前 路 径 为 选择 对 象 ， 
将 路 径 NE 在 “图 层 ” 面 板 中 单 击 “ 凶 


建新 ”按钮 加 ， 新 建 图 层 。 按 Alt+Delete 
组 合 键 ， 填 充 选 区 为 前 景色 ; 按 Ctrl+D 组 合 键 


取消 选区 的 选择 ， 按 Alt+Ctrl 组 合 键 ， 将 月 亮 的 
遮 罩 复 制 到 当前 图 层 上 ， 如 图 10-32 所 示 。 
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EEEEIOIEI 


TREEETEEUIEIOTEERE 


人 @@ 合 “钢笔 


“创建 新 路 径 ” 


具 ”2., 在 


“路 径 ” 面 板 中 单 击 


按钮 名， 在 舞台 中 绘制 如 图 10-33 


所 示 的 形状 ， 


使 用 “转换 点 工具 ”IN 调整 路 径 


的 形状 ， 使 


“直接 选择 工具 ”上 调整 点 的 位 ， 


置 ， 直至 路 径 得 到 满意 的 效果 。 


图 10-33 


在 工具 箱 中 单 击 前 景色 ， 在 弹出 的 “ 拾 色 器 


( 前 景色 ) " 


对 话 框 中 设置 


122， 如 图 10-34 所 示 。 


口 只 有 Web 颜色 


RGB 为 234、179、 


到 
次 冰冰 冰 


图 10-34 


他 确定 当前 路 径 为 选择 对 象 ， 按 Ctrl+Enter 组 合 键 


将 路 径 载 入 选 


建新 图 层 ”按钮 日 ， 新 建 图 


合 键 ， 填 充 选 


消 选 区 的 选择 ; 


区 ， 在 “图 层 


”面板 中 单 击 “ 创 


区 为 前 景色 ; 


重复 制 到 当 
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层 。 按 Altt+Delete 组 
按 Ctrl+D 组 合 键 取 


按 Alt+Ctrl 组 合 键 ， 将 月 亮 的 遮 
前 图 层 上 ， 如 图 10-35 所 示 。 
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仿 取消 图 像 和 和 遮 罩 的 8 链接 ， 可 以 选择 图 


窗 ， 激 活 图 像 为 当 


前 对 象 ， 移 动 图 像 型 


像 缩 览 
合适 的 


位 置 ， 这 样 既 不 景 


影响 庶 淖 又 可 以 调整 图 


像 的 位 


置 ， 如 图 10-36 所 示 。 建 议 调整 图 像 后 ， 继 续 将 
图 像 和 庶 淖 进行 链接 。 


图 10-36 
人 @@ 合 “ 自 定形 状 工 具 ” 窜 .， 在 工具 属 
选择 形状 ， 在 舞台 中 绘制 形状 ,设置 


白色 ， 并 按 住 Ct 


遮 单 。 


性 栏 中 
填充 为 


rl 键 ， 单 击 如 图 10-37 所 示 图 
像 的 缩 览 图 ， 将 图 像 载 入 选区 ， 并 为 


其 设置 


全 这样 背 景 就 制作 完成 了 ， 将 除 第 一 个 背景 椭 


图 10-37 


到 | 


层 外 的 所 有 图 
图 10-38 所 示 。 


层 放 置 到 一 个 图 层 组 


图 10-38 


下 面 将 绘制 亭 了 


装饰 图 像 ， 使 用 “椭圆 工 
具 ” 人 和“ 圆 角 矩形 工具 ”上 回 .,， 在 舞 合 中 绘制 
如 图 10-39 所 示 的 形状 ， 分别 设 置 其 填充 RGB 为 
176、125、113 和 RGB 为 125、0、0。 


中 ， 妇 


人 @@ 合 “钢笔 工具 ”上 太 .， 在 “路 径 ”面板 中 单 


击 “ 创 建新 路 径 ” 按钮 名， 在 舞台 中 绘制 如 
图 10-40 所 示 形 状 。 

人 全 “转换 点 工具 ”人 ,调整 路 径 的 形状 ， 使 用 
td .调整 点 的 位 置 ， 直 至 路 径 

到 满意 的 效果 ， 如 图 10-41 所 示 。 
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图 10-39 图 10-40 图 10-41 
按 Ctrl+Enter 组 合 键 ， 将 创建 的 路 径 载 入 选区 ， 
新 建 图 层 ， 填 充 选 区 的 RGB 为 175、115、119。 
继续 创建 路 径 ， 调 整 路 径 至 如 图 10-42 所 示 的 
形状 。 


图 10-42 
兮 按 CtrEnter 组 合 刍 ， 将 路 径 载 入 选区 ， 将 前 面 
创建 的 形状 填充 转换 为 普通 图 层 ; 按 Ctrl+U 组 
合 键 ， 在 弹出 的 “色相 /饱和 度 ” 对 话 框 中 调整 
合适 的 参数 ， 如 图 10-43 所 示 。 


预 设 (E): | 自 定 


全 图 ~v 
色相 (H): 


饱和 度 (A): 


明度 (D): 


口 着 色 (0) 
SFR ON) 


图 10-43 
人 @@ 技 CrlHp 组 合 键 ， 取消 选区 的 选择 ， 在 舞台 中 对 
图 像 进行 复制 ， 如 图 10-44 所 示 。 
继续 创建 路 径 ， 并 在 新 图 层 中 填充 RGB 为 125、 
0、0， 调 整 其 所 在 图 层 的 位 置 ， 如 图 10-45 
所 示 。 


图 10-44 


图 10-45 


使 用 “ 圆 角 拢 形 工具 ” 回 ,， 在 舞台 中 创建 组 合 
出 如 图 10-46 所 示 的 效果 ， 设 置 合适 的 填充 。 


图 10-46 


复制 图 10-46 所 示 中 绘制 的 项 图 形 ， 调 整 到 如 
图 10-47 所 示 的 屋顶 下 方 ， 调 整 其 填充 的 RGB 为 


171、115、38。 


图 10-47 


人 使 “椭圆 工具 ”人 〇 绘制 并 组 合成 如 


图 


示 的 权 口 效果 ， 将 所 有 的 椭圆 图 层 放 置 到 一 个 
图 


层 组 中 便于 管理 ， 或 者 直接 将 椭圆 
为 一 个 图 层 。 


图 层 合并 


10-48 所 


图 10-48 
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赋 01 梁 


手 扎 国 六 


四 时 喜 兰 属 到 doUsolouUd 荣 半 壬 


人 @ 估 “和 矩形 工具 ” 
矩形 的 RGB 填充 为 68、35、4， 如 图 10-49 所 示 。 


,在 舞台 中 创建 矩 形 ， 设 置 


图 10-49 


继续 使 用 “矩形 工 


和 拢 形 组 合 形状 。 


具 ” 回 ,创建 如 图 10-50 所 示 的 


图 10-50 
继续 使 用 “矩形 工具 ”加 ,制作 出 亭子 底部 的 栅 
栏 ， 如 图 10-51 所 示 。 


图 10-51 


人 @ 将 亭子 所 有 的 图 层 放 置 到 一 个 图 层 组 中 ， 调 整 
享 了 


202 


使 用 “钢笔 工具 ” 


图 像 的 位 置 和 大 小 ， 如 图 10-52 所 示 。 


分.， 在 “路 径 ” 面 板 中 单 击 


“创建 新 路 径 ” 按 钮 名 ， 在 舞台 中 绘制 如 图 10-53 


所 示 的 形状 ， 使 用 


“转换 点 工具 ”人 .调整 路 径 


的 形状 ， 使 用 “直接 选择 工具 ”上 .调整 点 的 位 


置 ， 绘 制 出 兔子 的 


路 径 。 


图 10-52 图 10-53 


人 确定 当前 路 径 为 选择 对 象 ， 按 Ctrl+Enter 组 合 


键 将 路 径 载 入 选区 ， 在 “图 层 ”面板 中 单 击 


“创建 新 图 层 ” 按 钮 日 ， 设 置 前 景色 为 


色 ， 


新 建 图 层 。 按 Alt+Delete 组 合 键 ， 填 充 选区 为 
前 景色 ; 按 Ctrl+D 组 合 键 取消 选区 的 选择 ; 按 


Alt+Ctrl 组 合 键 ， 将 月 亮 的 遮 曾 复制 到 当前 


上 ， 如 图 10-54 所 示 。 


图 10-54 


念 名 建新 图 层 ， 使 用 “画笔 工具 ”wx .在 舞台 中 创 


建树 枝 ， 按 Ctrl+T 组 合 键 ， 打 开 自 由 变换 


所 示 。 


前 图 层 


， 在 自 


变换 区 域 鼠 标 右 击 ， 在 弹出 的 快捷 菜单 中 选 
择 “ 变 形 ”命令 ， 调 整 树枝 的 效果 ， 如 图 10-55 


图 10-55 
人 OO 按 CuliU 组 合 链 ， 在 弹出 的 “色相 /饱和 度 ” 对 


话 框 中 设置 合适 的 参数 ， 调 整 树枝 的 颜 
图 10-56 所 示 。 


色 ， 如 


CS 


图 10-56 


二 人 


全 证 娃 一 个 新 的 图 层 ， 设置 前 景色 为 牧 黄 色 ， 在 
舞台 中 使 用 “画笔 工具 ”x.， 绘 制 一 个 柔 边 的 

圆 ， 使 用 “自由 变换 ”中 的 “变形 ”调整 花瓣 

的 形状 ， 如 图 10-57 所 示 。 

人 @ 设置 前 景色 为 桶 黄色 ， 按 住 Ctrl 键 单 击 花 办 图 

层 前 的 缩 览 图 ， 载 入 花瓣 选 区， 使 用 “画笔 工 
x .绘制 出 花 准 中心 的 桶 黄色， 如 图 10-58 


Pa -四 OoTDa se 
E33 ~ 征明 度 : 100% |~ 
认定: 图 // 中 二 和 项: 100% ~ 


所 示 。 
第 
使 用 “移动 工具 ”按钮 中 .， 按 住 Alt 键 移动 复 盟 
制 花灯 ， 调 整 花 末 的 大 小 和 位 置 ， 如 图 10-62 插 
所 示 。 图 
图 10-57 图 10-58 计 
人 0 设置 论 汤 的 效果 后 ， 取消 选区 的 选择 ， 并 在 舞 和 
人 台中 对 花瓣 进行 复制 ， 将 花瓣 放置 到 一 个 图 层 
机 如 图 10-59 所 示 。 
图 10-62 
属性 。 开导。 监 公 本 


使 用 “ 自 定形 状 工具 ” 否 .， 在 工具 属性 栏 中 选 
择 叶 子 形状 ， 在 舞台 中 绘制 叶子 形状 ， 填 充 形 
状 为 绿色 ， 轮 廓 为 无 ， 如 图 10-63 所 示 。 


pay -四 OOTHBe 
| 7 明度 :| 100% ~ 
省 : 图 /中 村 自居 :100% ~ 


图 10-59 
全 外 娃 一 个 新 的 图 层 ， 使 用 “画笔 工具 ”w., 设 
置 前 景色 为 黄白 色 ， 绘 制 出 花蕊 ， 如 图 10-60 所 
示 。 要 注意 ， 每 次 在 使 用 “画笔 工具 ”4X. 时 ， 
都 必须 在 工具 属性 栏 中 设置 合适 的 画笔 笔触 。 


人 ) 国 花 拷贝 21 i 
mA 有 OG 人 


图 10-63 
作 按 住 Ci 刍 单 击 叶子 形状 前 的 纺 鉴 图， 将 其 载 入 


画 = 天 i 选区 ， 使 用 “画笔 工具 ”x .绘制 暗部 区 域 和 脉 
全 EC 络 ， 如 图 10-64 所 示 。 


和 En 
Re | Ee | Ss 三 
Pay -| 加 GTraa e 
下 党 Y 不通 明度 ; 100% ~ 
襄 : 图 yw 中 车 自 填 吉 :100% ~ 


四 强 | 


人 
名 大 加 8. 电 日 站 


图 10-60 = 病状: 
选择 “ 花 ” 图 层 组 合 “ 花 莫 ” 所 在 的 图 层 ， i 
单 击 “ 链 接 图 层 ”按钮 sg ， 将 花 条 链接 ， 如 = 


图 10-61 所 示 。 图 10-64 
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将 叶子 图 层 放置 到 一 个 图 层 组 中 ， 对 叶子 进行 复 
制 ， 调 整 图 层 到 花 图 层 的 下 方 ， 如 图 10-65 所 示 。 


re 


” 


\ 
图 10-65 
人 8 继 纺 复制 控 落 的 花 条 和 树叶 ， 如 图 10-66 所 示 。 


bd 
图 10-66 
兮 将 给 会 制 出 的 树枝 、 树 叶 和 花 末 放置 到 一 
组 中 ， 调 整 其 位 置 ， ere 
作 ， 如 图 10-67 所 示 。 


品 


图 10-67 


204 


110.3.1 设计 思路 


图 ”案例 类 型 

本 案例 设计 制作 一 款 汉服 插画 
国 ”项 目 诉求 

本 案例 需要 放置 到 一 本 儿童 画册 中 
绍 汉服 文化 ， 需 要 绘制 一 个 Q 版 可 爱 的 小 女孩 ， 并 
身 着 汉服 的 只 裙 。 
图 ”设计 定位 

只 裙 ， 是 对 古代 汉族 女子 上 身 穿 检 ， 下 身 穿 裙 
的 统称 。 根 据 只 裙 的 特色 ， 我 们 将 采用 清新 简约 的 
效果 来 体现 只 裙 的 效果 ， 并 绘制 一 个 Q 版 的 卡通 人 
物 进行 展示 。 


， 主 要 是 介 


| 10.3.2 “构图 方案 


Q 版 卡通 人 物 的 比例 有 些 特别 ， 一 般 都 是 圆 罗 
的 脑袋 ， 肩 膀 与 头 齐 宽 ， 卡 通 人 物 的 比例 是 头 前 
上 身 、 下 身 为 1 : 1 : 1， 根 据 这 种 构图 方式 来 绘制 
卡通 人 物 造 型 ， 如 图 10-68 所 示 。 


每 一 个 加 的 大 
一 小 都 一 本 
| AAS 
/ 和 
DS 


et 


|10.3.4 项目 实 战 


EE 制作 流程 

本 案例 首先 绘制 脸型 和 眼睛 以 及 高 光 耳 条 等 对 
象 的 基础 形状 ， 然后 绘制 路 径 并 调整 路 径 的 形状 ， 
设置 颜色 的 减 淡 效 果 ; 最 后 创建 选区 ， 置 入 素材 图 
像 ， 如 图 10-69 所 示 。 


站 专人 
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图 10-69 


加 ”技术 要 点 
使 用 “椭圆 工具 ”绘制 脸型 和 了 眼睛 以 及 高 光 耳 
灯 等 对 象 的 基础 形状 ; 
使 用 “画笔 工具 ”绘制 并 结合 使 用 “橡皮 擦 工 
具 ” 绘 制 颜色 ; 
使 用 “钢笔 工具 ”绘制 路 径 ; 
使 用 “转换 点 工具 ”和 “直接 选择 工具 ”调整 
路 径 的 形状 ; 
使 用 “ 滤 镜 ”中 的 各 种 命令 调整 效果 ， 
使 用 “ 减 淡 工具 ”设置 颜色 的 减 淡 效 果 ; 
使 用 “色相 /饱和 度 ” 调 整 颜色 ; 
使 用 “多 边 形 套 索 工具 ”创建 选区 ; 
使 用 “ 置 入 幅 入 对 象 ”命令 置 入 素材 。 
图 ”操作 步骤 
人 运行 Photoshop 软 件 ， 在 “欢迎 ”界面 中 单 击 
“新建” 按钮 ， 在 弹出 的 “新 建文 档 ” 对 话 框 
中 设置 “宽度 ”为 250 毫 米 、“ 高 度 ” 为 353 
襄 米 、“ 分 辨 率 ” 为 300 像 素 /英寸 ， 单 击 “ 创 
建 ”按钮 ， 如 图 10-70 所 示 。 
人 @ 爸 蚀 建 文 悄 户 ， 按 CtrlLHR 组 合 键 ， 显 示 标尺 ， 并 
向 舞台 拖 息 出 辅助 线 ， 如 图 10-71 所 示 。 


天 生生 本。 Web 本 动用 。 可 上 和 现 二 


名 


图 10-70 


[PT lol x 


图 10-71 
使 用 “椭圆 工具 ” 合 . 在 舞台 中 创建 椭圆 ， 设 置 
填充 的 RGB 为 253、241、213， 设置 轮廓 为 黑 
色 ， 如 图 10-72 所 示 。 
使 用 “添加 锚 点 工具 ” 疹 ,， 在 椭圆 上 添加 两 个 
锚 点 ， 使 用 “直接 选择 工具 ”NA.， 调 整 锚 点 的 
位 置 ， 使 用 “转换 点 工具 ”|,， 调 整 图 形 的 形 
状 ， 如 图 10-73 所 示 。 


图 10-72 图 10-73 
在 工具 箱 中 单 击 前 景色 ， 在 弹出 的 “ 拾 色 器 


赋 01 沂 


半 光 加 | 涟 


ET 


( 前 景色 ) ”对 话 框 中 设置 RGB 为 234、186、 
166， 如 图 10-74 所 示 。 


口 只 有 Web 颜色 


图 10-74 
使 用 “画笔 工具 ”x.， 在 工具 属性 栏 中 设置 一 
个 较 大 的 画笔 笔触 ， 设 置 合适 的 柔 边 ， 绘 制 如 
图 10-75 所 示 的 效果 。 


人 @ 直 “路 径 ”面板 中 单 击 “ 创 建新 路 径 ” 按 


钮 加 ， 使 用 “钢笔 工具 ” 矣 ,在 舞台 中 创建 路 
径 ， 使 用 “转换 点 工具 ”人 ,调整 眼睛 路 径 的 形 
状 ， 如 图 10-76 所 示 。 


@ 


人 
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图 10-75 图 10-76 
在 “图 层 ” 面板 中 单 击 “ 创 建新 图 层 ”按钮 加 ， 
新 建 图 层 后 ， 设 置 前 景色 的 RGB 为 244、242、 
220， 按 Ctrl+Enter 组 合 键 ， 将 路 径 载 入 选区 ; 
按 Alt+Delete 组 合 键 ， 填 充 前 景色 ， 如 图 10-77 
所 示 。 


民生 。 图 时 历 穴 二 好 至 
Pg -加 GOTEB 
正常 ~ 不 通明 度 ; 100% ~ 
说 :图 w 中 从 自 填充 :100% ~ 


人 @ 新 建 图 层 ， 设置 前 景色 为 黑色 ， 使 用 “画笔 
具 ”4.， 设 置 合 适 的 笔触 和 大 小 ， 在 舞台 中 绘 
制 眼线 ， 结 合 使 用 “橡皮 擦 工具 ” 仿 ,， 在 
具 属 性 栏 中 设置 合适 的 笔触 ， 控 除 不 合适 的 区 


域 ， 如 图 10-78 所 示 。 

属性 。 图 层 。 历 实 记录 到 
P#i - 四 OoTDHB 4 
正常 ~ 不 透明度 ; 100% ~ 
证: 图 /中 本 自 境 友 ; 100% ~ 


图 10-78 
使 用 “椭圆 工具 ”.， 在 舞台 中 眼睛 的 位 置 创 
建 椭 圆 ， 作 为 眼球 ， 设 置 前 景色 的 RGB 为 25、 
28、48， 设 置 轮廓 为 黑色 ， 如 图 10-79 所 示 。 


恢 性 图 夸 历史 记录 豆 
回 口 和 jj 属性 


图 10-79 
按 住 Ctrl 键 ， 单 击 “ 眼 睛 ”图 层 前 的 图 层 缩 览 


图 ， 将 其 载 入 选区 ， 并 选择 眼球 所 在 的 图 层 ， 
单 击 “ 添 加 图 层 蒙 版 ”按钮 口 ， 为 眼球 创建 蒙 
版 ， 如 图 10-80 所 示 。 

使 用 “ 减 淡 工具 ”对 .， 在 工具 属性 栏 中 设置 较 
小 的 “曝光 度 ”， 在 眼球 上 涂抹 出 浅 色 效果 ， 
如 图 10-81 所 示 。 


和 于。 硬 E 
Pa -四 OTEB 8 
于 本 明度 : 100% |~ 
说: 图 / 中 村 生境 flog% ~ 


图 10-81 


人 @ 技 CtrlHU 组 合 键 ， 在 弹出 的 “色相 /饱和 度 ” 
10-82 


对 话 框 中 降低 眼球 的 饱和 度 ， 如 
所 示 。 


| se se sxea 
| 


上 meoernae® 


正常 不 通明 度 : 100% 
访 丰 :图 y 中 革 填充 :10% 


-Em 


© 眼球 


© 眼线 
Fi 


所 品 8. 昌 日 站 


图 10-82 


展 性 。 田 层 。 历史 记录 


Pa -加 ToBe 
正常 环 通 明度 :100% ~ 
访 : 图 只 过 自 请:|100% ~ 


-De 


© 形状 21 持 由 
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图 层 4 
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2 天 四:#n2 
= 万 口 9. 白 日 全 


图 10-85 


全 可 以 对 绘制 好 的 睫毛 进行 复制 ， 复制 后 调整 


使 用 “椭圆 工具 ” 信 . 创 建 椭圆 ， 设 置 填充 为 
色 ， 描 边 为 无 ， 设 置 眼球 的 高 光 效果 ， 如 图 10-83 
所 示 。 


图 10-83 
人 @ 让 建新 图 屋 ， 使 用 “画笔 工具 ”w.， 绘 制 眼球 
内 部 的 线 ， 在 工具 属性 栏 中 设置 合适 的 画笔 
笔触 ， 并 设置 前 景色 为 黑色 ， 绘 制 线 ， 调 整 


至 如 图 10-84 所 示 的 效果 ( 可 以 使 用 “ 滤 镜 > 
模糊 > 高 斯 模糊 ”命令 ， 设 置 “高 斯 模糊 ” 


效果 ) 。 


图 10-84 


使 用 “画笔 工具 ”w.， 设 置 稍 大 一 点 的 笔触 ， 


设置 前 景色 为 黑色 ， 创 建新 图 层 ， 在 舞台 中 绘 | 


制 圆 点 ， 使 用 “涂抹 工具 ”多 ,， 涂 抹 出 眼睫毛 
的 效果 ， 如 图 10-85 所 示 。 


大 小 和 位 置 ， 如 图 10-86 所 示 。 


将 所 有 的 睫毛 图 层 放 置 到 一 个 图 层 组 中 ， 将 
眼睛 图 层 放置 到 一 个 图 层 组 中 ， 如 图 10-87 
所 示 。 


因 性 。 图 时 ”历史 记 条 
Pa 四 9@TDB。 
E21 通明 大: 100% 
证 ; 田 内 寺 全 坟 襄 : 100% 
BE 
= 


© 图 层 2 


© 瑟 本 图 1 
| 扩 口 8 白 昌 全 
图 10-87 
人 人 0 在 是 毛 图 层 组 下 创建 新 图 层 ， 使 用 “画笔 工 
具 ””.， 设 置 一 个 较 大 的 画笔 笔触 ， 并 设置 前 
景色 的 RGB 为 236、120、110， 在 眼睛 下 绘制 颜 
色 ， 如 图 10-88 所 示 。 


图 10-86 


玉生 正三 
Pl 
正 党 
饥 : 四 中 二 @ 填充: 100% 


交加 @ 外 司 会 
图 10-88 
绘制 颜色 后 ， 使 用 “橡皮 擦 工具” 他.， 在 
具 属 性 栏 中 设置 合适 的 笔触 ， 控 除 不 合适 的 
域 ， 如 图 10-89 所 示 。 
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图 10-89 
选择 作为 眼线 的 图 层 ， 按 Ctrl+J 组 合 键 ， 复 制 眼 
线 到 新 的 图 层 中 ， 在 菜单 栏 中 选择 “ 滤 镜 > 模 
糊 > 高 斯 模糊 ”命令 ， 在 弹出 的 “高 斯 模糊 ” 
对 话 框 中 设置 合适 的 模糊 “半径 ”， 如 图 10-90 
所 示 。 
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取消 
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图 10-90 
使 用 “直线 工具 ”7 .在 舞台 中 创建 直线 ， 设 置 


合适 的 粗细 ， 设 置 填充 为 黑色 ， 轮 廓 为 无 。 按 
Cal+T 组 合 键 ， 打 开 “ 自 由 变换 ”命令 ， 在 自由 
变换 框 中 鼠标 右 击 ， 在 弹出 的 快捷 菜单 中 选择 

“变形 ”命令 ， 调 整 直 线形 状 ， 如 图 10-91 所 示 。 


图 10-91 
制 出 的 眼线 图 层 的 “高 斯 模糊 ” 效 
果 ， 设 置 合适 的 参数 ， 如 图 10-92 所 示 。 


使 用 “椭圆 工具 ”个 绘制 白色 椭圆 作为 高 光 ， 
如 图 10-93 所 示 。 


属性 到 | 历史 忆 录 
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图 10-92 


图 10-93 


. 


eh 


为 一 个 图 层 ， 在 舞台 中 翻转 其 眼睛 的 角度 ， 久 


图 10-94 所 示 。 


使 用 “画笔 工具 ” 


层 组 ， 将 复制 出 的 
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图 10-94 
才 .、“ 橡 皮 擦 工具 ” 仿 ,， 结 
合 使 用 “自由 变换 > 变形 ”命令 制作 出 嘴巴 的 效 


果 ， 如 图 10-95 所 示 。 


二 通明 厦 ; 100% 
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层 放置 到 一 个 “ 左 眼 ”图 层 组 


图 层 组 合并 
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图 10-95 


图 10-95 ( 续 ) 


人 @@ 合 用 “椭圆 工具 ” 合 ,， 绘 制 椭圆 ， 设 置 填充 
置 


RGB 为 231、238、212， 调 整 椭圆 的 角度 ， 设 
前 景色 的 RGB 为 212、182、162， 使 用 “画笔 工 
具 ”4. 结 合 “ 橡 皮 擦 工具 ” 售 .， 绘 制 出 耳 末 的 


作词 整 好 胃 毛 后 ， 对 居 毛 进行 复制 ， 翻 转 其 角 


图 10-99 


度 ， 如 图 10-100 所 示 。 


阴影 轮廓 ， 复 制 耳 休 ， 如 图 10-96 所 示 ， 将 所 有 |， 人》 将 所 有 图 层 放置 到 “ 头 ”图 层 组 中 ， 如 图 10- 


图 层 放置 到 “ 脸 ” 图 层 组 中 。 
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图 10-96 
在 “ 脸 ” 图 层 组 中 创建 新 图 层 ， 使 用 “画笔 工 
具 ” .结合 “橡皮 擦 工具 ”地 .,， 绘 制 出 眉毛 ， 
如 图 10-97 所 示 。 


Pil voGTHUA® 


中 9 器 曙 靖 


图 10-97 


全 在 菜单 栏 中 选择 " 滤 镜 > 杂 色 > 添加 杂 色 ” 命 
令 ， 在 弹出 的 “添加 杂 色 ”对 话 框 中 设置 合适 


的 杂 色 参数 ， 如 图 10-98 所 示 。 
命 人 "涂抹 工具 ”.， 在 工具 属性 栏 中 设置 合 
适 的 参数 ， 在 舞台 中 涂抹 出 眉毛 的 效果 ， 如 
图 10-99 所 示 。 


101 所 示 。 
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0 9 四 
图 10-100 图 10-101 
在 “路 径 ” 面 板 中 单 击 “ 创 建新 路 径 ” 按 钮 电 ， 
创建 新 路 径 ， 在 舞台 中 使 用 “钢笔 工具 ”分 . 创 
建 路 径 ， 使 用 “转换 点 工具 ” 八 ,调整 路 径 的 形 
状 ， 如 图 10-102 所 示 。 
调整 好 路 径 的 形状 后 ， 按 Ctrl+Enter 组 合 键 ， 将 
路 径 载 入 选区 ， 在 “图 层 " 面板 中 单 击 “ 创 建 
新 图 层 ” 按 钮 名 ， 创 建新 图 层 ， 填 充 颜色 为 黑 
色 ， 如 图 10-103 所 示 ， 按 Ctrl+D 组 合 键 ， 取 消 
选区 的 选择 。 


图 10-102 


图 10-103 
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在 “路 径 ” 面 板 中 单 击 “ 创 建新 路 径 ” 按 钮 名 ， 

ede 在 舞台 中 使 用 “钢笔 工具 ” 信 . 创 

建 路 径 ， 如 图 10-104 所 示 。 
A 按 Ctrl+Enter 组 合 键 ， 将 

路 径 载 入 选区 ， 在 “图 层 ” 面 板 中 单 击 “ 创 建 

新 图 层 ” 按 钮 名 ， 创 建新 图 层 ， 在 工具 箱 中 
击 “ 渐 变 工具 ”按钮 图 ,， 在 弹出 的 “渐变 编辑 
器 ”对 话 框 中 设置 渐变 为 RGB 为 63、69、82 到 
色 的 透明 渐变 ， 如 图 10-105 所 示 。 


四 办 


图 10-108 图 10-109 
绘制 形状 ， 并 填充 黑色 ， 如 图 10-110 所 示 ， 对 
形状 进行 复制 ， 调 整 图 层 至 合适 的 位 置 。 
全 在 舞台 中 对 头发 进行 复制 ， 如 图 10-111 所 示 。 


NA 


se i 
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图 10-104 图 10-105 
让 在 舞台 中 拖 虹 渐变 填充 ， 如 图 10-106 所 示 ， 填 图 10-110 图 10-111 
的 令 ， 


在 菜单 栏 中 选择 “ 澡 镜 > 杂 色 > 添加 杂 色 ” 命 es ' 置 入 嵌入 的 对 象 ” 对话 框 中 选择 
念 ， 在 弹出 的 “添加 杂 色 ”对 话 框 中 设置 合适 |， 。 随 书 配备 资源 中 的 “ 花 .png” 文件 ， 单 击 “ 轩 
的 参数 ， 如 图 10-107 所 示 。 入 ”按钮 ， 如 图 10-112 所 示 。 
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图 10-112 


44 台中 调整 花 的 位 置 ， 如 图 10-113 所 示 。 


本 


图 10-106 图 10-107 
使 用 “涂抹 工具 ”多 .， 在 工具 属性 栏 中 选择 合 


适 的 画笔 ， 在 舞台 中 涂抹 渐变 的 填充 作为 头发 
的 高 光 ， 如 图 10-108 所 示 。 

人 @@ 使 用 “机 具 ” 信 .在 舞台 中 创建 椭圆 ， 调 
其 图 层 的 位 置 ， 使 用 涂抹 的 方法 涂抹 高 光 效 
果 ， 如 图 10-109 所 示 。 | 图 10-113 


| 
| 
| 
| 
| 
| 
| 
| 
| 
| 
| 
| 
充 后 按 Ctrl+D 组 合 键 ， 取 消 选 区 的 选择 。 | 人 作 在 亲 单 栏 中 选择 ， 文件 > 置 入 嵌入 对 象 ”命令 
| 
| 
| 
| 
| 
| 
| 
| 
| 
| 
| 
| 
| 


2 人 0 


使 用 “画笔 工具 ”4X.， 创 建 一 个 新 图 层 ， 设置 | 区 ， 按 Ctrl+U 组 合 键 ， 在 弹出 的 “色相 /饱和 
前 景色 为 和 白色， 创建 头发 的 高 光 ， 如 图 10-114 | 度 ” 对 话 框 中 设置 明度 参数 ， 制 作出 衣襟 的 高 
所 示 。 四 

设置 前 景色 为 红色 ， 使 用 “画笔 工具 ”4.， 绘 
制 眉毛 中 间 的 红色 圆 点 ， 如 图 10-115 所 示 。 


全 

是 

图 10-118 图 10-119 插 

兮 再 次 将 给 会 制 的 衣襟 路 径 载 入 选区 ， 在 菜单 栏 中 | 
计 忆 


人 将 所 有 的 图 层 放置 到 " 头 部 ”图 层 组 中 ， 继 续 话 框 中 设置 描 边 参 数 ， 设 置 描 边 的 RGB 为 56、 
在 舞台 中 拖 蝶 出 辅助 线 ， 如 图 10-116 所 示 。 42、3， 如 图 10-120 所 示 。 
接 下 来 绘制 人 物 的 身体 ， 使 用 “矩形 工具 ” 国 全 使 用 同样 的 方法 创 娃 出 另 一 侧 的 衣襟 ， 如 图 10-121 
在 舞台 中 创建 矩 形 ， 设 置 矩 形 的 填充 为 渐变 ， 所 示 。 
渐变 填充 的 RGB 为 182、130、117 到 RGB 为 
248、234、207， 使 用 “转换 点 工具 ”人 ,调整 
和 矩形 的 形状 ， 如 图 10-117 所 示 。 
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图 10-114 图 10-115 | 选择 “编辑 > 描 边 ”命令 ， 在 弹出 的 “ 描 边 ”对 
| 
| 
| 
| 
| 
| 
| 
| 


| 图 10-120 图 10-121 
| 人 通过 使 用 路 径 工具 ，“ 多 边 形 套 索 工具 ” 凡 、 
| “色相 /饱和 度 ” 来 制作 出 如 图 10-122 所 示 的 衣 
| 襟 和 袖口 的 效果 。 

6》 使 用 “钢笔 工具 ”绘制 路 径 ， 设 置 路 径 的 “用 
”画笔 描 边 路 径 ”O 效 果 ， 使 用 “多 边 形 套 索 工 
| 

| 

| 


具 ” 列 设置 填充 颜色 的 高 光 区 效果 ， 如 图 10-123 
所 示 。 


图 10-116 图 10-117 


人 @ 震 "路径 ”面板 中 单 击 “ 创 建新 路 径 ” 按 钮 回 ， 
创建 新 路 径 ， 在 舞 全 中 使 用 “钢笔 工具 ”人 . 创 
建 路 径 ， 使 用 “转换 点 工具 ” 八 ,调整 路 径 的 形 
状 。 按 Ctrl+Enter 组 合 键 ， 将 路 径 载 入 选区 ， 在 

“图 层 ” 面 板 中 新 建 图 层 ， 设 置 前 景色 的 RGB 


组 会 二 | 
为 227、210、164， 按 AlttDelete 组 合 键 ， 填 充 | 图 10-122 图 10-123 


选区 为 前 景色 ， 如 图 10-118 所 示 。 | 
使 用 同样 的 绘制 方法 绘制 出 衣 袖 的 效果 ， 如 
按 Ctrl+D 组 合 键 ， 取 消 选 区 的 选择 ， 使 用 “多 | 这 4 所 未 


边 形 套 索 工 具 ” 列 .创建 如 图 10-119 所 示 的 选 


2 


@ 估 “椭圆 工具 ”全 .创建 椭圆 ， 设 置 椭圆 的 
渐变 填充 RGB 为 182、130、117 到 RGB 为 248、 
234、207， 使 用 图 层 遮 罩 的 方式 ， 制 作出 手 被 
遮 住 的 效果 ， 如 图 10-125 所 示 。 调 整 各 个 图 层 
至 合适 位 置 。 


“ 置 入 嵌入 对 象 ”对 话 框 中 选择 随 书 配备 资源 
中 的 “小 花 .png” 文 件 ， 单 击 “ 置 入 ”按钮 ， 
如 图 10-129 所 示 。 


图 10-129 
置 入 素材 后 ， 在 菜单 栏 中 选择 “ 滤 镜 > 滤 镜 库 ” 
命令 ， 在 弹出 的 “ 滤 镜 库 ” 对 话 框 中 选择 “ 素 
描 > 影 印 ” 效 果 ， 设 置 合适 的 参数 ， 单 击 “ 确 
定 ”按钮 ， 如 图 10-130 所 示 。 


图 10-124 图 10-125 
@@ 给 会 制 如 图 10-124 所 示 的 路 径 ， 并 设置 路 径 
的 “用 画笔 描 边 路 径 ”@ 效 果 ， 如 图 10-126 
所 示 。 
创建 路 径 ， 并 设置 渐变 填充 ， 填 充 之 前 要 创建 
新 图 层 ， 渐 变 填 充 的 RGB 为 230、188、105 到 
解 RGB 为 216、145、85， 如 图 10-127 所 示 。 


大 大 大 -万 
图 10-126 图 10-127 
人 “多 边 形 套 索 工具 ”有 列 ， 在 舞台 中 创建 高 
光 选 区 ， 按 Ctrl+U 组 合 键 ， 在 弹出 的 “色相 / 饱 
和 度 ”对话 框 中 设置 “明度 ”参数 ， 如 图 10-128 
所 示 。 


图 10-130 
人 @@ 设 置 小 花 的 混合 模式 为 “ 柔 光 ”， 移 动 复制 素 
材 ， 如 图 10-131 所 示 。 


图 10-131 
在 舞台 中 将 图 层 分 类 到 各 个 图 层 组 中 ， 便 于 管 
理 和 调整 ， 如 图 10-132 所 示 。 


”图 10-128 
人 @ 按 CtltD 组 合 链 ， 取消 选区 的 选择 。 在 菜单 栏 


中 选择 “文件 > 置 入 嵌入 对 象 ”命令 ， 在 弹出 的 
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复制 所 有 图 层 ， 并 合并 为 一 个 图 层 ， 按 两 次 | 
CtrlJ 组 合 键 ， 复 制 两 个 图 像 ， 设 置 如 图 10-133 
所 示 的 图 层 的 混合 模式 为 “ 深 色 ”。 
局 和 。 本 层 。 历 实 记录 属 笑 到 导 “| 而 二 录 和 
LE] mornas® Pm morna® 
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图 10-132 图 10-133 
设置 如 图 10-134 所 示 的 图 层 的 混合 模式 为 
“ 浅 色 ”。 
设置 如 图 10-135 所 示 的 图 层 的 混合 模式 为 “ 受 


加 ”， 设置“ 不 透明 度 ” 为 20%。 
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图 10-134 图 10-135 
人 全 完 成 整体 效果 的 制作 如 图 10-136 所 示 。 


图 10-136 
@EL, 本 案例 制作 完成 。 


人 包装 作为 一 件 产品 最 直接 的 外 观 显示 形态 ， 见 证 了 这 个 社会 的 发 展 历 
程 。 产 品 包装 设计 是 立体 领域 的 设计 项 目 。 与 标志 设计 、 海 报 设计 等 依附 


于 平面 设计 的 项 目 不 同 ， 包 装 设计 需要 创造 出 有 材质 、 体 感 、 重 量 的 “外 
壳 ”， 必 须根 据 商品 的 外 形 、 特 性 采用 相应 的 材料 进行 设计 。 


本 章节 主要 从 产品 包装 的 含义 、 产 品 包装 的 常见 分 类 、 产 品 包装 的 常 


用 材料 等 几 个 方面 来 学 习 产品 包装 设计 。 


产品 包装 设计 概述 11.1.2 ”产品 包装 的 常见 形式 


产品 包装 的 形式 多 种 多 样 ， 分 为 盒 类 、 袋 类 、 
包装 是 在 流通 的 过 程 中 保护 产品 、 方 便 储蓄 、 瓶 类 、 镀 类 、 坛 类 、 管 类 、 包 装 黎 和 其 他 类 型 。 


蒜 执 到 dousoloUd 荣 洁 寻 


促进 销售 ， 按 一 定 的 技术 方法 所 用 的 容器 以 及 辅助 (1) 盒 类 包装 : 盒 类 包装 包括 纸 盒 、 木 盒 、 
物 等 的 总 称 。 皮 盒 等 多 种 类 型 ， 如 图 11-2 所 示 。 


11.1.1 ”什么 是 产品 包装 


产品 是 品牌 理念 、 产 品 特性 、 消 费心 理 的 综合 
反映 ， 它 直接 影响 消费 者 的 购买 和 欲望。 产品 包装 既 
能 保护 产品 的 内 容 又 能 通过 包装 美化 来 促进 消费 者 
的 感官 ， 从 而 引导 消费 ， 如 图 11-1 所 示 。 


(2) 袋 类 包装 : 袋 类 包装 重量 轻 、 强 度 高 、 
耐 腐蚀 ， 是 最 常见 也 是 最 方便 的 一 种 包装 方式 ， 


包括 塑料 袋 、 布 袋 、 纸 袋 等 多 种 类 型 ， 应 用 范围 
广 ， 如 图 11-3 所 示 。 


(3) 瓶 类 包装 : 瓶 类 的 包装 也 是 十 分 常见 的 
-种 包装 方式 ， 一 般 应 用 于 液体 包装 ， 如 酒 、 洗 发 
水 、 洗 衣 液 、 化 妆 品 等 ， 常 用 的 瓶 类 材质 有 玻璃 、 
塑料 等 类 型 ， 如 图 11-4 所 示 。 


(4) 铅 类 包装 : 钢 类 包装 一 般 用 于 咖啡 、 
糖 、 饼 干 、 调 料 、 镀 头等 ， 常 见 的 钠 类 包装 材质 有 
铁 铅 、 铝 铅 、 玻 璃 钢 等 。 由 于 铅 类 包装 刚性 好 、 不 
易 破损 ， 所 以 也 是 常用 的 一 种 包装 类 型 ， 如 图 11-5 
所 示 。 


(5) 坛 类 包装 : 坛 类 包装 一 般 用 于 酒 类 和 腌 
制品 ， 如 图 11-6 所 示 。 
(6) 管 类 包装 : 管 类 包装 常用 于 盛 放 凝 胶 状 
液体 ， 包 括 软 管 、 复 合 软 管 、 塑 料 软 管 等 类 型 ， 如 
11-7 所 示 。 


(7) 


包装 管 : 多 用 于 数量 较 多 的 产品 ， 如 撼 


酒 、 饮 料 类 ， 如 图 11-8 所 示 。 


(8) 


其 他 包装 类 : 包括 托盘 、 纸 标签 、 瓶 封 


等 多 种 类 型 ， 如 图 11-9 所 示 。 


SA 


11.1.3 


产品 


产品 包装 的 常用 材料 


和 包装 是 产品 的 重要 组 成 部 分 ， 它 不 仅 在 


运输 过 程 叶 


bh 起 保护 的 作用 ， 而 且 直 接 关 系 到 产品 的 
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综合 品质 。 

下 面 我 们 介绍 常用 的 包装 材料 。 

(1) 纸 质 包 装 : 纸 包 装 是 一 种 轻薄 、 环 保 的 
包装 。 纸 质 包 装 也 可 分 为 包装 纸 、 蜂 窝 纸 、 纸 袋 
纸 、 干 燥 剂 包装 纸 、 蜂 窝 板 纸 、 和 牛皮 纸 、 工 业 纸 
板 、 蜂 窝 纸 芯 等 。 纸 包装 应 用 广泛 ， 具 有 成 本 低 、 
便于 印刷 和 可 批量 生产 的 优势 ， 如 图 11-10 所 示 。 


(2) 塑料 包装 : 塑料 包装 是 用 各 种 塑料 加 工 
制作 的 包装 材料 ， 有 封口 膜 、 收 缩 膜 、 塑 料 膜 、 缠 
绕 膜 、 热 收缩 膜 等 类 型 。 塑 料 包装 具有 强度 高 、 防 
滑 性 好 、 防 腐 性 强 等 优点 ， 如 图 11-11 所 示 。 


~ 


(3) 金属 包装 : 常见 的 金属 包装 有 马口铁 
皮 、 铝 、 铝 稍 、 镀 铬 无 锡 铁皮 等 类 型 。 金 属 包装 具 
有 了 耐 蚀 性 、 防 菌 、 防 霉 、 防 潮 、 牢 固 、 抗 压 等 特 


点 ， 如 图 11-12 所 示 。 


(4) 玻璃 包装 : 玻璃 包装 具有 无 毒 、 无 味 、 
透明 性 好 等 特点 ;但 其 最 大 的 缺点 是 易 碎 ， 且 重量 
相对 过 重 。 玻 璃 包装 包括 食品 用 瓶 、 化 妆 品 瓶 、 药 
品 瓶 、 碳 酸 饮料 瓶 等 多 种 类 型 ， 如 图 11-13 所 示 。 


ses 


(5) 陶瓷 包装 : 陶瓷 包装 是 一 个 极 富 艺术 性 
的 包装 容器 。 瓷 器 釉 瓷 有 高 级 釉 瓷 和 普通 釉 次 两 种 。 
陶瓷 包装 具有 耐火 、 耐 热 、 坚 固 等 优点 。 但 其 与 玻璃 
包装 一 样 ， 易 碎 ， 且 有 一 定 的 重量 ， 如 图 11-14 所 示 。 


11.2.2 配色 
一 方案 


配色 上 要 根据 客户 的 需求 来 设计 ， 通 过 客户 要 
求 的 色调 添加 一 些 与 之 相 协调 的 配色 ， 使 整个 构图 
完整 ， 有 吸引 力 和 大 气 的 效果 即 可 。 


11.2.3 ”项 目 实战 


本 案例 首先 创建 椭圆 ， 制 作 圆 形 底 纹 ， 然 后 创建 


商业 案例 一 一 月 饼 包 装 盒 设 计 云 ; 最 后 创建 文字 注释 ， 设 置 文字 效果 ， 如 图 11-15 


11.2.1 ”设计 思路 


本 案例 设计 一 款 抽 居 式 月 饼 包 装 盒 。 
使 用 “ 精 圆 工具 ”创建 梢 圆 ， 制 作 图 形 底 
客户 要 求 制作 出 有 中 秋 特 色 的 一 款 月 饼 包装 se 
,i 使 用 “ 模 排 文字 工具 ”创建 文字 注释 
: 使 用 “图 层 样式 ”设置 文字 效果 。 


体 背 景 为 黑夜 的 深蓝 色 ， 并 加 上 中 秋 节 的 一 些 主角 
即 可 。 


运行 Photoshop 软 件 ， 在 “欢迎 ”界面 中 单 击 
“新 建 ”按钮 ， 在 弹出 的 “新 建文 档 ” 对 话 框 
的 中 设置 “宽度 ”为 100 厘 米 、“ 高 度 ” 为 100 
厘米 、“ 分 辩 率 ”为 300 像 素 / 英 寸 ， 单 击 “ 创 

建 ” 按 钮 ， 如 图 11-16 所 示 。 


根据 客户 的 需求 我 们 将 制作 一 个 中 秋 黑 夜 效 
果 ， 在 此 条 件 的 基础 上 ， 我 们 绘制 一 些 中 国 
古老 花纹 ， 并 导入 前 面 章节 绘制 的 月 饼 插 画 即 可 。 
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图 11-16 


使 用 "和 拢 形 工具 ” 鲁 在 舞台 中 创建 矩形 ， 在 
“属性 ”面板 中 设置 宽度 和 高 度 均 为 20 厘 
米 ， 设 置 填充 RGB 为 9、47、121， 如 图 11-17 
所 示 。 


回 
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图 11-17 
使用 "椭圆 工具 ”Q@. 在 舞台 中 创建 椭圆 ， 设 置 
填充 为 和 白色， 轮廓 为 黑色 ， 多 个 圆 组 合成 如 
图 11-18 所 示 的 效果 。 
a 
加 nist 
~ 边框 
we 755 像素 “oo H: 328 像 素 


4364 食 素 


图 11-18 


将 椭圆 形状 放置 到 一 个 图 层 组 中 ， 在 舞台 中 对 
椭圆 进行 复制 ， 如 图 11-19 所 示 。 


图 11-19 
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可 以 将 复制 出 的 椭圆 图 
如 图 11-20 所 示 。 


x 
历史 记录 动作 ， 图 层 。 赣 径 去 


PE 
正常 


~“ 四 O@TDB 
~ 7 通明 麻 : 100% ~ 


谈 E: 图 wm 中 过 人 填充 : 100% ~ 


(对 其 进行 复审 


选区 ， 选 择 合并 后 的 形状 图 层 ， 单 击 


所 口 8 听 日 全 


图 11-20 


， 复 制 后 合并 为 一 个 图 层 ， 按 
住 Ctrl 键 ， 单 击 矩 形 前 的 缩 览 窗 ， 将 其 载 入 


“添加 


图 层 蒙 版 ”按钮 口 ， 创 建 蒙 版 ， 如 图 11-21 
所 示 。 


图 11-21 
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设置 图 层 的 混合 模式 为 “正片 又 底 ”， 设 置 
“不 透明 度 ” 为 30%， 如 图 11-22 所 示 。 


人 @ 设 置 图 层 后 的 部 分 效果 如 


图 11-22 


图 11-23 所 示 。 


图 11-23 


打开 前 面 章节 绘制 的 插画 场景 ， 如 图 11-24 


所 示 。 


人 @ 和 将 除 背 景 图 层 外 的 所 有 图 
h ， 如 图 11-25 所 示 。 


如 


层 拖 中 到 当前 文档 


sssessssssssss:: 


如 图 11-29 所 示 。 


复制 云 ， 设置 合适 的 “不 透明 度 ” 
图 11-30 所 示 。 


拖 忠 到 有 舞台 后 ， 将 树枝 图 像 合 并 为 一 个 图 层 
椭圆 形 图 案 合并 为 一 个 图 层 ， 选 择 树枝 图 层 ， 
按 住 Ctrl 键 单 击 合并 图 层 后 的 插画 椭圆 图 层 前 
的 缩 览 窗 ， 将 其 载 入 选区 ， 单 击 “ 添 加 图 层 蒙 
版 ”按钮 口 创 建 蒙 版 ， 使 用 “画笔 工具 ”4.， 
设置 前 景色 为 白色 ， 在 树枝 右 侧 涂抹 出 探 出 的 
树 梢 效果 ， 如 图 11-26 所 示 。 


将 树 梢 和 椭圆 插画 两 个 图 层 选 中 ， 单 击 “链接 


妈 层 ”按钮 G9 ， 将 其 链接 ， 对 图 像 的 大 小 和 位 
置 进 行 调整 ， 如 图 11-27 所 示 。 


TE 使 用 “ 圆 角 和 矩形 工具 ” 口 .在 舞台 中 创建 圆 角 矩 
形 ， 设 置 填充 为 白色 ， 使 用 “钢笔 工具 ”从 给 
制 形状 ， 并 填充 白色 ， 如 图 11-28 所 示 。 


= 


组 合 出 云 ， 设 置 图 层 的 “不 透明 度 ”》 


人 他 使 用 “和 矩形 工具 ” 国 , 在 舞台 中 创建 甜 形 ,设置 《@ 将 标题 底部 的 文字 图 层 合并 ， 并 栅 格 化 为 普通 
填充 为 无 ， 设 置 轮廓 的 颜色 RGB 为 2355、255、 层 ， 双 击 图 层 ， 在 弹出 的 “图 层 样式 ”对 话 
135， 设 置 合适 的 轮廓 参数 ， 如 图 11-31 所 示 。 框 中 勾 选 “渐变 二 加 ” 复 选 框 ， 设置 合适 的 参 

数 ， 如 图 11-34 所 示 。 
历史 记录 。 动作 。 轿 层 。 缆 怪 党 
Pal OTHNHAa® 
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ER yin? 


图 11-31 
人 使 有 “ 横 排 文字 工具 ”了 T .在 舞台 中 创建 文字 注 
释 ， 如 图 11-32 所 示 。 


苦 撤 蛋 dousoloud 荣 半 嬉 
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EY sn 
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当 妇 悄 沙 手 扎 四 


1-34 
全 继续 邹 先 “外 发 光 ” 复 选 框 ， 设 置 合适 的 参数 ， 
如 图 11-35 所 示 。 


图 11-32 
人 @ 继续 创建 文字 注释 ， 如 图 11-33 所 示 。 
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图 11-35 
层 样 式 后 的 文字 效果 如 图 11-36 所 示 。 
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图 11-33 
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使 用 “路 径 选 择 工具 ”N.， 在 舞台 中 选择 复制 
出 矩 形 ， 在 “属性 ”面板 中 修改 “宽度 ”为 10 
厘米 ， 如 图 11-40 所 示 。 


创建 文字 注释 ， 如 图 11-37 所 示 。 


个 未 " 伯 间 0 从 末 ] 名 来 
| 口 “8 


为 其 添加 一 些 文字 和 边框 ， 如 图 11-41 所 示 。 


继续 创建 文字 注释 ， 并 设置 其 图 层 样式 ， 如 
图 11-38 所 示 。 


复制 出 另 一 侧 ， 同 样 添加 注释 文字 和 边框 ， 如 
11-42 所 示 。 


将 所 有 的 图 层 放 置 到 一 个 图 层 组 中 ， 命 名 图 层 
组 为 “正面 ”。 
在 “正面 ”图 层 组 中 选择 矩形 和 芭 加 的 图 案 ， 
对 其 图 层 进行 复制 ， 将 拖 描 出 “正面 ”图 层 
组 ， 如 图 11-39 所 示 。 
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复制 “正面 ” 


在 菜单 栏 中 选择 “文件 > 置 入 嵌入 对 象 ”命令 ， 
在 弹出 的 “ 置 入 嵌入 的 对 象 ”对话 框 中 选择 随 
书 配备 资源 中 的 “月 饼 包装 素材 .psd” 文 件 ， 
单 击 “ 置 入 ”按钮 ， 如 图 11-44 所 示 。 


[ENT 
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导入 素材 ， 按 ChiHU 组 合 键 ， 在 弹出 的 “色相 /饱和 
度 ” 对 话 框 中 设置 合适 的 参数 ， 如 图 11-45 所 示 。 


色相 (H) 


饱和 度 (A): 


着 色 (0) 
FH OP) 


按 Ctrl+L 组 合 键 ， 在 弹出 的 “ 色 阶 ”对 话 框 中 
调整 色 阶 参数 ， 如 图 11-46 所 示 。 
调整 置 入 素材 的 效果 如 图 11-47 所 示 。 


层 组 到 另 一 侧 ， 这 样 就 完成 了 月 饼 包 装 盒 抽 居 式 外 包装 的 3 


FE 面 设计 ， 如 图 11-43 所 示 。 


个 


复制 一 个 正面 图 层 组 ， 并 将 图 层 组 合并 关 


| 
图 层 ， 按 Ctrl+T 组 合 键 ， 打 开 “ 自 由 变换 ” 命 


设置 图 层 的 混合 模式 为 “过 加 ”， 按 CtrltJ 组 合 

图 像 ， 继 续 设 置 图 层 的 混合 模式 
为 “县 加 ”， 设 置 “不 透明 度 ” 为 40% ， 如 
图 11-49 所 示 。 
在 场景 中 复制 一 个 插画 图 案 到 衣服 上 ， 设 置 医 
案 图 层 的 混合 模式 为 “正片 一 底 ”， 如 图 11-50 
所 示 。 


这 样 月 饼 包 装 设计 就 制作 完成 了 ， 且 制作 了 配 
套 的 服装 效果 ， 如 图 11-52 所 示 。 


CPEETTE 


ER ” 图 11-52 
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a 11.3 商业 案例 一 一 茶叶 包装 
ee 设计 ) 


pal 在 弹出 的 “曲线 ”对 话 框 中 调 
线 ， 设置 出 图 案 的 曲线 效果 如 图 11-51 所 示 。 


111.3.1 设计 思路 


加 ”案例 类 型 加 5 汪汪 
本 案例 设计 制作 一 款 茶叶 包装 。 ” 扫 码 看 视频 
加 ”项目 诉求 


本 案例 需要 将 前 面 章 节 设 计 的 标志 放置 到 包装 
伐 上 ， 要 求 制作 一 款 带 有 标志 的 简约 的 包装 手提 和 
以 及 茶叶 盒 和 茶叶 袋 的 效果 。 
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字 雹 焊 四 30 十” 炭 比 误 


阐 乓 械 doySo}loyd 坏 冷 刁 


当 孜 悄 亲 手 志 四 号 


调 的 


设计 定位 
根据 前 面 制作 的 标志 来 制作 本 案例 的 效果 ， 可 


设置 一 个 绿色 的 配色 ， 整 体 我 们 使 用 简约 单 


浅 色 来 制作 ， 突 出 显示 茶叶 标志 即 可 。 


|11.3.2 ”同类 作品 欣赏 


111.3.3 “项目 实战 


本 案例 


素材 图 


制作 流程 


首先 创建 包装 的 基本 大 小 和 矩形 图 案 ， 


角 和 矩形 ， 


像 ， 


绘制 椭圆 ， 调 整 图 像 的 颜色 ， 然 后 
调整 素材 图 像 的 大 小 和 角度 ; 最 后 


图 层 的 蒙 版 效果 ， 如 图 11-53 所 示 。 
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图 11-53 ( 续 ) 


国 。 技术 要 点 
使 用 “和 矩形 工具 ”创建 包装 的 基本 大 小 和 和 矩形 
图 案 ; 
使 用 “ 圆 角 和 矩形 工具 ”创建 圆 角 矩形; 
使 用 “椭圆 工具 ”绘制 椭圆 ; 
使 用 “色相 /饱和 度 ” 命 令 调 整 图 像 的 颜色 ; 
使 用 “ 置 入 嵌入 对 象 ”命令 置 入 素材 ; 
使 用 “移动 复制 ”方法 复制 图 像 ; 
使 用 “多 边 形 套 索 工具 ”创建 并 编辑 选区 ; 
使 用 “自由 变换 ”命令 调整 素材 的 大 小 和 
角度 ; 
使 用 “添加 图 层 蒙 版 ”按钮 设置 图 层 的 蒙 版 
效果 。 
国 ”操作 步骤 
运行 Photoshop 软 件 ， 在 “欢迎 ”界面 中 单 击 
“新 建 ” 按 钮 ， 在 弹出 的 “新 建文 档 ” 对 话 框 
中 设置 “宽度 ”为 1000 毫 米 、“ 高 度 ” 为 600 
毫米 、“ 分 辨 率 ” 为 300 像 素 /英寸 ， 单 击 “ 创 
建 ”按钮 ， 如 图 11-54 所 示 。 


使 用 “ 甜 形 工具 ” 晶 . 在 舞台 中 创建 矩 形 ， 在 
“属性 ”面板 中 设置 “宽度 ”为 250 毫 米 、“ 高 
度 ”为 330 毫 米 ， 设 置 填充 为 和 白色， 设置 描 边 为 
灰色 ， 如 图 11-55 所 示 。 


图 11-55 


(打开 前 面 章节 中 的 茶馆 标志 ， 将 除 背 景 图 层 外 


击 和 矩形 图 层 前 的 缩 览 窗 ， 将 矩形 载 入 选区 ， 如 
图 11-58 所 示 。 


图 11-58 


的 所 有 图 层 拖 昌 到 舞台 中 ， 确 定 标志 图 层 处 于 《@@ 创建 选区 后 ， 将 标志 图 层 放置 到 矩形 图 层 的 上 
选择 状态 ， 按 Ctrl+E 组 合 键 ， 将 图 层 合并 为 一 个 ， 


图 层 ， 命 名 图 层 为 “标志 ”， 如 图 11-56 所 示 。 
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图 11-56 
使 用 "和 殉 形 工具 ”四 在 舞台 中 创建 矩 形 ， 在 
“属性 ”面板 中 设置 “宽度 ”为 180 毫 米 、“ 高 
度 "” 为 85 毫 米 ， 设 置 填充 为 绿色 ， 设 置 描 边 为 
无 ， 如 图 11-57 所 示 。 
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图 11-57 


人 调整 矩形 和 标志 在 舞台 中 的 位 置 ， 按 住 Ctrl 键 单 


方 ， 选择 标志 图 层 ， 按 Ctrl+U 组 合 键 ， 在 弹出 
的 “色相 /饱和 度 ” 对 话 框 中 设置 “明度 ”为 
100， 设 置 选区 中 的 图 像 为 白色 ， 如 图 11-59 所 
示 ， 按 Ctrl+D 组 合 键 ， 取 消 选区 的 选择 。 
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图 11-59 


”GO 在 订单 栏 中 选择 “文件 > 置 入 嵌入 对 象 ' 命令 ， 
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| 图 11-60 
| 宇和 素材 后 ， 调整 素材 的 位 置 ， 将 其 放置 到 绿 
色 的 矩形 上 ， 调 整 其 位 置 和 大 小 ;设置 图 层 的 
混合 模式 为 “又 加 ”， 设置 图 层 的 “不 透明 


在 弹出 的 “ 置 入 嵌入 的 对 象 ”对 话 框 中 选择 随 
书 配 备 资源 中 的 “祥云 .png” 文 件 ， 单 击 “ 置 
入 ”按钮 ， 如 图 11-60 所 示 。 


度 ” 为 10%， 如 图 11-61 所 示 。 
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继续 将 祥云 图 层 放 置 到 绿色 和 矩形 图 层 的 下 方 ， 


设置 为 背景 花纹 ， 设 置 图 层 的 混合 模式 为 “ 明 


度 ”， 设 置 “不 透明 度 ” 为 10%， 在 舞 合 中 移 图 11-64 
动 复制 祥云 ， 直 至 铺 满 整个 底部 矩 形 ， 如 | 人 @ 将 背景 矩形 进行 复制 ， 修改 其 宽度 为 80 毫 米 作 
图 11-62 所 示 。 为 侧面 包装 花纹 ， 如 图 11-65 所 示 。 


[ 
画 吕 mmwat 


疏 六 
图 11-65 

图 11-62 | 《@ 仿 复制 祥云 图 像 到 侧面 矩形 上 ， 合并 祥云 为 一 个 
使 用 “ 圆 角 和 矩形 工具 ”@ 在 舞台 中 创建 矩形 ， 图 层 ， 删 除 多 余 的 区 域 ， 如 图 11-66 所 示 ， 将 除 
设置 “宽度 "为 200 像 素 、“ 高 度 ” 为 600 像 | 背景 图 层 外 的 所 有 图 层 放 置 到 一 个 图 层 组 中 。 
素 ， 设 置 合适 的 圆 角 ， 填 充 设置 为 黑色 ， 如 加 |" 
图 11-63 所 示 。 | 

| | 
[LE 一 - 


Ci 
口 os 和 og 系 口 


wus waes ODO 


We mm 
SEA 
图 11-63 
使 用 “椭圆 工具 ”@ .在 舞台 中 如 图 11-64 所 示 的 图 11-66 


信守 创建 情 国 ， 设 时 六 充 为 白色， 复制 形状 。 (8 移动 复制 图 层 组 ， 得 到 如 图 11-67 所 示 的 效果 。 


图 11-67 
在 菜单 栏 中 选择 “文件 > 置 入 戏 入 对 象 ”命令 ， 
在 弹出 的 “ 置 入 嵌入 的 对 象 ”对 话 框 中 选择 随 
书 配备 资源 中 的 “茶叶 包装 素材 .psd” 文 件 ， 
单 击 “ 置 入 ”按钮 ， 如 图 11-68 所 示 。 


= [| 
E333 四 | 
an- me| 


置 入 素材 后 ， 将 正面 图 像 所 在 的 图 层 进行 复 


制 ， 并 合并 为 一 个 图 层 ， 如 图 11-69 所 示 。 


正常 ~ :00% “~ 
钢 E: 四 中 二 后 培 : 0% ~ 


区 o Er] 
NX ) 回 组 + 持 风 
De 》 国 1 


慌 入 “站 于 9 
a 有 ADDO 


图 11-69 


人 @ 按 Ctrl+T 组 合 键 ， 按 住 Ctrl 键 调整 图 像 ， 如 


图 11-70 所 示 。 


图 11-70 


| 全 设置 图 层 混合 模式 的 效果 如 图 11-74 所 示 。 


人 设置 图 层 的 混合 模式 为 “线性 加 深 ”， 


® 


设置 图 层 的 “不 透明 度 ” 为 50%， 使 


形 套 索 工具 ” 咏 . 在 舞台 中 选中 如 图 11-71 所 示 的 


选区 。 


图 11-71 


创建 选区 后 ， 按 Ctrl+Shift+I 组 合 键 ， 设 置 选区 


的 反选 ， 单 击 “ 添 加 图 层 蒙 版 ”按钮 my， 创建 
遮 章 ， 设 置 “不 透明 度 ” 为 100%， 如 图 11-72 


所 示 。 
明度 ”为 80%， 如 图 11-73 所 示 。 


pp Ms 


\ \ 性 加 盏 


“不 透 


~ TH 明 隐 :Bo% ~ 


} | 
) 镶 E: 图 中 持 自 怖 floox ~ 
让 ”EEC JE 


@ 站 网 害 | 世 装 素材 
) 回 组 1 拷 风 
》 回 组 1 
. 背景 和 
~ [5]o.m ma 
图 11-72 图 11-73 


di ~ 


图 11-74 


图 11-75 所 示 。 


按 Ctrl+J 组 合 键 ， 复 制图 像 ， 删 除 图 层 的 遮 四 
层 ， 设 置 图 层 的 混合 模式 为 “正片 又 底 ”， 如 
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手 泡 焊 四 缉 十 山 引 站 


训 兰 朗 避 dousolouUd 荣 半 丑 


上 | 


荨 项 悄 淖 用 沿 四 


按 Ctrl+T 组 合 键 ， 在 舞台 中 调整 图 像 的 角度 和 | 


大 小 ， 如 图 11-76 所 示 。 


性 国 e 克 E 条 
GE 
3 


图 11-77 


人 今 技 Ctrl 组 合 键 复制 图 像 ， 删 除 图 
层 ; 按 Ctrl+T 组 合 键 ， 在 舞台 中 调整 
度 和 大 小 ， 如 图 11-78 所 示 。 

全 外 娃 如 图 11-79 所 示 的 选区 。 


图 11-78 


图 11-79 
命 单 证 “添加 图 层 蒙 版 ”按钮 口 ， 创 建 庶 罩 ， 如 
11-80 所 示 。 


i 复制 图 像 ， 删 除 图 
; 按 Ctrl+T 组 合 键 ， 在 舞台 中 调整 
度 和 大 小 ， 如 图 11-81 所 示 。 

《人 调整 图 像 的 角度 后 ， 将 图 层 隐藏 ， 使 


选区 。 
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图 11-75 图 11-76 

人 @@0 合 “椭圆 选 框 工具 ” 信 , 选 择 如 图 11-77 所 示 | 
的 选区 ， 单 击 “ 添 加 图 层 蒙 版 ”按钮 口 ,， 创建“ 
遮 单 。 


~@orTaa® 
Row 
| 图 /二 i ow 


DE LE 


用 "多边 | 
套 素 工具 ” 列 .， 在 如 图 11-82 所 示 的 区 域 创建 ， 


层 的 遮 音 | 
图 像 的 角 ， 


图 11-81 


wn 

属性 图 归 ”历史 尼 条 至 
1 p 冯 vmorna® 
”EH 要 底 ~ 7 条 明度 :ao% ~ 
钢 E: 田中 二 二 向 :100% ~ 
© 5 1 2 
° ES sn; 
© E23 
© Els| ，| 组 :4 由 2 
© 四则 守 + 包 装 素 村 

》 国 组 1 拷 风 二 

所 DOD 人 


图 11-82 
显示 图 层 ， 确 定 选 区 处 于 选择 状态 ， 单 击 “ 添 
层 蒙 版 ”按钮 加 ， 创 建 遮 单 ， 如 图 11-83 


图 11-83 


图 11-84 
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UI 设计 即 用 户 界面 设计 ， 


目前 根据 不 同 的 用 户 界面 来 划分 UI 设 


计 ， 主 要 分 为 Web 界 面 设计 和 移动 界面 设计 。UI 设 计 最 重要 的 不 在 于 操 


本 章节 主要 介绍 UI 设计 的 一 些 相 关内 容 和 案例 。 


| 作 什么 软件 ， 而 是 创意 和 构思 ， 有 一 个 好 的 构思 想法 ， 即 便 是 一 些小 图 
标 ， 也 能 让 其 有 自己 的 特色 ， 突 出 自身 的 亮点 和 设计 。 


UI 设计 概述 


UI 设计 还 是 一 个 不 断 成 长 的 设计 领域 。 在 飞 
速 发 展 的 电子 产品 中 ， 界 面 设计 一 也 被 重视 起 
来 。 做 界面 设计 的 “美工 ”也 被 称 为 UI 设计 师 或 UI 
工程 师 。 其 实 软件 界面 设计 就 像 工 业 产品 中 的 工业 
造型 设计 一 样 ， 是 产品 的 重要 卖点 。 一 个 电子 产品 
拥有 美观 的 界面 会 给 人 带 来 舒适 的 视觉 享受 ， 拉 近 
人 们 与 商品 的 距离 ， 是 建立 在 科学 性 之 上 的 艺术 设 
愉 验 一 个 界面 的 标准 既 不 是 某 个 项 目 开 发 组 领 
1 也 不 是 项 目 成 员 投票 的 结果 ， 而 是 终端 用 


12.1.1 什么 是 Ul 


UI 即 User Interface( 用 户 界面 ) 的 简称 
户 和 某 些 
单 指 电 脑 程序 ， 
杂 的 工具 等 。 

UI 设 计 是 产品 的 重要 卖 
面 会 给 人 带 来 舒适 的 视觉 感受 ， 
如 图 12-1 所 示 。 


-个 友 灵 


为 商家 制作 卖点 ， 


。 是 指 用 
统 进行 交互 方法 的 集合 ， 这 些 系 统 不 单 
还 包括 某 种 特定 的 机 器 、 设 备 、 复 


: 观 的 界 


UI 设计 不 单单 是 美术 绘画 创意 ， 它 需要 定位 针 
对 的 使 用 者 、 使 用 环境 、 使 用 方式 并 且 为 最 终 用 户 


而 设计 ， 是 纯粹 的 科学 性 的 艺术 设计 。 


12.1.2 UI 设计 的 原则 


随 着 科技 的 发 展 ， 不 久 的 将 来 所 有 的 产品 会 组 
成 一 体 ， 变 成 一 个 无 处 不 在 的 电脑 ， 这 个 电脑 控制 
着 用 户 的 所 有 家 用 产品 和 资料 。 用 户 只 要 有 一 个 自 


己 的 账号 ， 就 可 以 通过 任何 一 个 产品 来 控 


有 产品 ， 而 所 有 的 产品 都 具有 终端 的 功能 。 


终端 操作 的 基本 形式 就 是 软件 UI 设计 。 以 
计 的 一 些 原则 。 


所 其 他 所 
而 这 个 


是 UI 设 


(1) 确认 目标 用 户 。 在 UI 设计 过 程 中 ， 需 要 


设计 人 员 确 定 该 角色 针对 的 用 户 ， 获 取 用 户 的 需 
求 ， 用 户 界 面 的 不 同 会 引起 交互 设计 的 不 同 。 
(2) 清晰 明确 地 设计 用 户 界 面 。 清 晰 是 用 户 
界面 设计 中 一 个 重要 的 条 件 ， 模 糊 的 界面 会 影响 用 
户 的 整体 印象 。 
(3) 简洁 明了 。 界 面 除 了 清晰 ， 还 需要 简 
洁 ， 看 上 去 - 目 了 然 。 如 果 界面 上 充斥 着 太 多 的 东 
西 ， 会 让 用 户 在 查找 内 容 的 时 候 比较 困难 和 乏味 
如 图 12-2 所 示 。 


(4) 界面 的 一 致 性 。 在 加 设计 时 ;保持 界面 风 ns 
12.1.3 ”UI 设计 的 控 人 
格 的 一 致 性 不 会 让 用 户 感到 错 情 ， 如 图 12-3 所 示 。 人 


UI 控件 包括 在 用 户 界面 中 肉眼 可 见 的 一 些 现 
实 文字 的 数据 ，UI 控 件 最 典型 的 就 是 按钮 了 ， 这 是 
用 户 交 互 的 关键 。 还 有 其 他 的 控件 ， 比 如 滚动 条 、 
开关 控件 、 工 具 栏 、 文 本 控件 、 单 选 按钮 、 复 选 按 
钮 、 进 度 条 、 对 话 框 时 间 控 件 、 图 片 控件 、 时 间 控 
件 、 日 期 控件 等 ， 如 图 12-5 所 示 。 


(5) 界面 的 美观 性 。UI 设 计 更 注重 美观 度 
如 图 12-4 所 示 。 


训 兰 撤 避 doUusoloUd 荣 半 丑 


号 
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对 于 日 益 增 长 的 UI 控 件 需 求 ， 市 场 上 也 出 现 | 
了 很 多 可 供 选择 的 UI 控件 ， 这 些 控件 能 帮助 简化 ， 
UI 设计 工作 ， 提 高 效率 。 


| 12.2.3 ”项 目 实战 


| 国 。 制作 流程 
本 案例 首先 创建 文字 注释 ， 然 后 绘制 形状 ， 置 
入 素材 图 像 并 调整 图 像 的 大 小 和 变形 ;最 后 创建 不 


| 
12.2 商业 案例 一 -手机 购物 Ul | 
设计 | 


， 规 则 形状 选区 ， 调 整 背景 效果 ， 如 图 12-6 所 示 。 


112.2.1 设计 思路 


加 ”案例 类 型 加 中 
本 案例 是 设计 一 个 手机 App 购 物 扫 码 看 视频 
软件 的 界面 。 
加 ”项目 诉 求 
本 案例 将 制作 一 个 初级 购物 软件 ， 由 于 是 初级 
运营 ， 所 以 需要 将 页 面 设计 得 丰富 和 饱满 些 ， 并 希 
望 各 项 功能 完善 ， 使 用 户 在 使 用 时 能 够 明了 各 个 区 
成 划分 和 物品 分 类 。 
图 ”设计 定位 
根据 客户 的 需求 我 们 主要 将 页 面 划分 为 标题 
区 、 广 告 区 、 活 动 区 、 热 销 商品 区 、 信 息 区 。 


| 
| 


112.2.2 配色 方案 


我 们 将 采用 整体 的 灰白 色 设计 ， 这 样 可 以 使 用 ， 


一 目 了 然 地 看 到 需要 的 项 目 和 分 类 ， 这 样 的 配色 也 | 
使 得 整个 画面 较为 干 兆 ， 突 出 商品 ， 促 进入 们 的 购 ， 
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| 选区 


户 在 观察 图 像 的 过 程 中 想 要 提供 帮助 时 在 留 白 区 能 ， 人 


加 ”技术 要 点 
使 用 “ 横 排 文字 工具 ”创建 文字 注释 ; 
使 用 “矩形 工具 ”和 “椭圆 工具 ”绘制 形状 ; 
使 用 “ 置 入 嵌入 对 象 ” 命 令 置 入 素材 ; 
使 用 “自由 变换 ”命令 ， 调 整 图 像 的 大 小 和 


变形 ; 


使 用 “矩形 选 框 工具 ”创建 选 


区 


使 用 “添加 图 层 蒙 版 ”设置 图 层 的 蒙 版 效果 ; 
使 用 “多 边 形 套 索 工具 ”创建 不 规则 形状 


四 


使 用 “曲线 ”参数 调整 明暗 。 
国 ”操作 步骤 


运行 Photoshop 软 件 ， 在 “欢迎 ”界面 中 单 击 


“新 建 ”按钮 ， 在 弹出 的 “新 建文 档 ” 对 话 框 


中 设置 “宽度 ”为 900 像 素 、 


“高 度 ” 为 1600 


晚上 7: 08 


像素 、“ 分 辨 率 ”为 300 像 素 /英寸 ， 单 击 “ 介 
建 ”按钮 ， 如 图 12-7 所 示 。 


We 


ORiwAH Par | mH Nm Bonss Wb Hos WHORE | 
pe 三 本 
[A 8 天 | 
~ X X = 
| | | 民 天王 曾 别 宫 
El cn 
es | 图 12-11 
图 12-7 使 用 “椭圆 工具 ”.， 创 建 填充 为 无 的 椭圆 


设置 描 边 为 黑色 ， 设 置 合适 的 描 边 粗细 ， 如 
图 12-12 所 示 。 


雪 二 二 OO 


图 12-12 
(人命 丝 续 绘 制 顶 回 ， 如 图 12-13 所 示 。 


ER 


图 12-13 
人 @ 将 第 二 个 外 例 的 顶 回 形状 图 层 栅 格 化 ， 删除 多 
余 的 区 域 ， 并 使 用 “直线 工具 ”~ .绘制 中 间 的 
线 ， 线 的 填充 为 黑色 ， 描 边 为 无 ， 设 置 合适 的 
粗细 即 可 ， 如 图 12-14 所 示 。 


三 三 三 人 


人 @ 蚀 建文 档 后 ， 按 Ctrl+R 组 合 键 ， 显 示 标 尺 ， 拖 
电 出 标尺 辅助 线 ， 如 图 12-8 所 示 。 
全 伏 续 拖 电 出 分 市 线 ， 如 图 12-9 所 示 。 


ee nom ee 
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图 12-8 “图 12-9 
使 用 “ 横 排 文字 工具 ”了 .创建 文字 注释 ， 如 
图 12-10 所 示 。 


晚上 7; 08 
图 12-14 
使 用 “直线 工具 ”7. 绘 制 如 图 12-15 所 示 的 
直线 。 
名 省 
吉 各 委 
图 12-15 


人 将 绘制 的 直线 合并 为 一 个 形状 图 慨 ， 使 用 “ 直 
接 选 择 工 具 ”A.， 在 舞 合 中 调整 直线 的 控制 
点 ， 如 图 12-16 所 示 。 


图 12-10 
使 用 “椭圆 工具 ”全 .创建 三 个 黑色 的 椭圆 ， 如 
图 12-11 所 示 。 
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图 12-16 
使 用 “椭圆 工具 ” 合 . 创 建 填充 为 无 的 椭圆 ， 设 
置 描 边 为 黑色 ， 设 置 合适 的 描 边 粗 细 ， 复 制 并 
调整 椭圆 的 大 小 ， 如 图 12-17 所 示 。 


wi ep sil 
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图 12-17 
信 将 李 图 合并 为 一 个 图 层 ， 并 将 其 栅 格 化 为 普通 
图 层 ， 使 用 “多 边 形 套 索 工具 ” 殊 . 选 择 一 部 
分 区 域 ， 按 Delete 键 ， 删 除 选 区 中 的 图 像 ， 如 
图 12-18 所 示 。 


AN pay -| 四 orDaa 
全 首 
正 芝 ~ 不 特 明度 : )00% ~ 


We: 四 Ha Mt: 00% ~ 
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会 9 加 9 国 :3 由 


到 形 杖 3 拷贝 5 


T 网 E7: 0 


CT 
图 12-18 
人 使用 “ 圆 角 和 矩形 工具 ” 国 . 创 建 圆 角 和 矩形， 设置 
填充 为 无 ， 轮 廓 为 黑色 ， 使 用 “矩形 工具 ” 回 . 
创建 矩形 ， 并 使 用 “ 横 排 文 字 工具 ”了 .创建 注 
释 ， 组 合 出 电量 效果 ， 如 图 12-19 所 示 。 
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图 12-19 


234 


使 用 “ 横 排 文字 工具 ” 工 .创建 商品 分 类 标题 ， 
如 图 12-20 所 示 ， 设 置 合适 的 字体 大 小 和 颜色 。 
晚上 7: 08 会 口 国 


热门 女装” 母 婴 手机 电脑 食品 美 妆 鞋 包 


图 12-20 
在 菜单 栏 中 选择 “文件 > 置 入 嵌入 对 象 ”命令 ， 
在 弹出 的 “ 置 入 嵌入 的 对 象 ”对 话 框 中 选择 前 
面 章节 中 制作 的 “化 妆 品 ”广告 文件 ， 单 击 
“ 置 入 ”按钮 ， 如 图 12-21 所 示 。 


各“ 汪 文件， 效果， 久 六 意 |) se mr | 
el| 
HINY: (ema psd - en 
(EE) ee 


图 12-21 
置 入 素材 后 ， 调 整 素材 的 位 置 和 大 小 ， 使 用 
“椭圆 工具 ”人 .创建 描 边 为 无 ， 填 充 为 白色 的 
6 个 椭圆 ， 选 择 其 中 一 个 椭圆 ， 设 置 填充 为 红 
色 ， 说 明 该 广告 为 翻 页 广告 ， 如 图 12-22 所 示 。 


| mtno -eaeocm | 
热门 女装 母 婴 手机 电脑 食品 美 站 和 鞋 包 = 本 Eee 


LOGO 
让 秆 团购 I 
直击 底价 pe 


图 12-22 
在 舞台 中 继续 拖 拒 辅助 线 ， 设 置 图 标 分 类 标题 
的 控件 ， 如 图 12-23 所 示 。 


晚上 7: os | | | .日 ec 


热门 女装 母 各 手机 电脑 | 食品。 美 妆 。 鞋 包 | | Ee Fm 性 
一 - -> 
富国 /寺村 会 十 :100%|- 
ae be sme | 
吏 优 = 5 
| mn 加 .四 加 全 
图 12-26 图 12-27 
斧 拖 由 出 商品 之 间 的 分 割 线 如 图 12-28 所 示 。 
图 12-23 
人 作 在 菜单 栏 中 选择 "文件 > 置 入 嵌入 对 象 ”命令 ， 
在 弹出 的 “ 置 入 嵌入 的 对 象 ” 对 话 框 中 选择 随 


书 配备 资源 中 的 “ICO01.psd" 文件 ， 单 击 “ 置 
入 ”按钮 ， 如 图 12-24 所 示 。 


[A 


图 12-28 
人 在 菜单 栏 中 选择 “文件 > 置 入 嵌入 对 象 ”命令 ， 
在 弹出 的 “ 置 入 嵌入 的 对 象 ”对 话 框 中 选择 随 
书 配备 资源 中 的 “童鞋 .jpg” 文件 ， 单 击 “ 置 
入 ”按钮 ， 如 图 12-29 所 示 。 
EX 
GO ax , Ht, st || 


图 12-24 
人 @O 使 用 同样 的 方法 置 入 其 他 素材 ， 并 使 用 “ 横 排 
文字 工具 ”T .创建 注释 ， 如 图 12-25 所 示 。 


将 素材 放置 到 舞台 中 ， 调 整 其 大 小 和 位 置 ， 如 


0 图 12-30 所 示 。 


人 没有 图 标的 以 使 用 “ 横 排 文字 工具 ”T., 创 | 使 
建 注释 ， 如 图 12-26 所 示 。 | 
全 将 图 层 分 别 放置 到 图 层 组 中 ， 如 图 12-27 所 示 。 


同样 的 方法 置 入 素材 ， 调 整 素材 之 间 的 大 
小 ， 如 图 12-31 所 示 。 
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计 兰 狼 避 doUusolouUd 荣 半 丑 


时 


荨 须 峭 淖 手 珊 四 》 


图 12 


人 0 将 两 个 图 尾 合 并 为 一 个 图 
使 用 “矩形 选 框 工具 ”三 
创建 显示 的 区 域 ， 并 单 击 


层 ， 如 图 12-32 所 示 。 
1 在 素材 上 创建 矩形 ， 


“添加 图 层 蒙 版 ” 按 


钮 四 ， 创 建 庶 罩 ， 如 图 12-33 所 示 。 


Cl 
属性 。 开导 历史 忆 条 mm 
Pa meornae® 
正常 ~ 不通 明度; 100% ~ 


钢 ;: 田 /中信 人 @ 填 h: 100% ~ 


© 
@ ) 国 广告 和 标题 | 
© ) 回 手机 信息 
@ | | 刘 a 国 
中 所 口 9. 白 日 六 
图 12-32 


人 使 用 


图 12-34 所 示 。 


Fr 
坟 妇 若 志 要 于 机 电 呈 及 


图 12-33 


“ 横 排 文字 工具 ”了 .工具 创建 注释 ， 如 


人 维 绪 置信 素 材 ， 调 整 素材 的 大 小 ， 如 图 12-35 所 示 。 
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[ 具 ” 玉 .创建 和 矩 形 ， 如 


12-36 


图 12-36 
创建 短 形 后 ， 单 击 “ 添 加 图 层 蒙 版 ”按钮 加 ， 
创建 遮 罩 ， 如 图 12-37 所 示 。 
@ 创建 遮 曾 后 的 效果 如 图 12-38 所 示 。 
BETIT 
me 于 层 | 历 天 过关 局 
pP 始 -四 GOTDB e 
正常 Y 直通 明度: 100% ~ 


钢 E: 田中 村 全 填 : 100% ~ 
© 工 100 政 1 已 化 43 万 件 … 


S 芽 反击 下 仓 ] 折 起 


© 工 。 青 全 章 壮 ] 折 起 


了 la 品 1 已 已 入 43 万 件 


mm - ie 
~ 大 回 o. 牟 日 自 
图 12- 


37 图 12-38 


使 用 “椭圆 工具 ”9. 在 舞台 中 创建 椭圆 ， 设 置 
顶 圆 的 填充 为 和 白色， 轮廓 为 无 ， 如 图 12-39 所 
示 ， 调 整 椭 圆 的 合适 位 置 。 


100 款 | 


使 用 “ 横 排 文字 了 


RE = 
已 已 售 4.3 万 件 pa Ga 
正常 ~ 了 甬 胃 障 ;| 100% ~ 
这: 下 /中 全 才 0% - 


® T mmleag1Fff. 
. 
e | 村 :本 六 到 

”TT 所 直 表 6 十 起 


© T wlEESF 人 fF 


于 所 DO 9. 白 日 站 和 
图 12-39 
[ 具 ” 了 .创建 注释 ， 将 图 层 商 


品 和 注释 的 图 层 放置 到 图 层 组 中 ， 如 图 12-40 


所 示 。 


药 门 女 闫 ” 导 于 


属性 。 王 层 。 历史 记录 
pp 地 -| 四 OrTrDBae 
E24 ~ 直通 明度:| Do% ~ 
请 证 :图 w 中 二 全 填充 :Do% ~ 
© 

@ ) 自 广告 和 标题 

人 ， 回 手机 信息 

5 背景 外 


图 12-40 | 

全 在 菜单 栏 中 选择 “文件 > 置 入 嵌入 对 象 ”命令 ， 
在 弹出 的 “ 置 入 嵌入 的 对 象 ”对 话 框 中 选择 随 
书 配备 资源 中 的 “个 人 中 心 .png” 文 件 ， 单 击 ， 


| 八 存 储 后 ,删除 素材 ， 如 图 12-44 所 示 。 
”人 复制 或 添加 一 些 商 品 ， 如 图 12-45 所 示 。 


CE 了 一 
手机 电脑 食品 。 闫 牙 和 外 | 希 女 美 导 要 手机 电脑 全 品类 权 条 甸 


gi | 
A 
2\ 


“ 置 入 ”按钮 ， 如 图 12-41 所 示 。 


| 
如 图 1 


图 12-41 


图 12-44 
”人 @O 使 用 “ 答 形 工具 ” 口 . 在 舞台 中 创建 答 形 ,设置 
| 填充 为 白色 ， 设 置 轮廓 为 无 ， 作 为 底 色 ， 调 
| 整 到 底部 按钮 处 ， 调 整 图 层 到 合适 的 位 置 ， 


2-46 所 示 。 


| 人 0 将 底部 的 搜索 图 标 放置 到 如 图 12-47 所 示 的 位 
置 ， 使 用 “ 圆 角 矩 形 工具 ”器 ,在 搜索 图 标 后 创 
建 贺 角 和 矩形， 设置 填充 为 无 ， 轮 廓 为 灰色 ， 设 
置 合适 的 圆 角 。 


置 入 素材 后 ， 调 整 素材 的 大 小 和 位 置 ， 将 其 他 | 
的 素材 置 入 到 舞台 中 ， 并 为 其 创建 注释 文字 ， | 
如 图 12-42 所 示 。 | 
在 菜单 栏 中 选择 “视图 > 清除 参考 线 ” 命 令 ， 清 
除 参 考 线 显示 界面 效果 ， 如 图 12-43 所 示 。 


色 ， 


图 12-42 图 12-43 


”人 在 国 和 负 后 创建 文字 注释 ， 设 置 文字 闫 色 为 黑 


”人 在 “搜索 ”文字 下 创建 回 角 箱 形 ， 设 置 条 形 
| 层 的 位 置 ， 设 置 填充 为 灰色 ， 如 图 12-49 所 示 。 


图 12-48 所 示 。 


网 


人 将 制作 完成 的 购物 界面 存储 为 “购物 首 人 O 在 底 癌 
页 .psd” 文 件 。 | 


调整 图 标的 位 置 ， 如 图 12-50 所 示 。 
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玫 疯 In 二 Z4 潍 


国 口 wins 
WwW: 6522 像素 ， 69 H: 4 像素 
3 110 像 素 下 11 后 像素 


ie Ce 
.15 像素 15 得 素 !5 像 素 15 像 素 
门 15 鲁 素 ”15 俯 素 口 


上 ss 全 素 “1!5 角 素 ” 口 
加 | 已 四 | 


基站 女 村 和 器 手机 电 脐 食品。 美 次 了 得 
b 


图 12-49 国 12-50 
在 菜单 栏 中 选择 “文件 > 置 入 冉 入 对 象 " 命令 ， | 
在 弹出 的 “ 置 入 嵌入 的 对 象 ” 对 话 框 中 选择 随 


入 ”按钮 ， 如 图 12-51 所 示 。 


已 jw| 上 * PS 商业 案 鹃 ， 光 和 文件 ， 素 可 ， 香 + 二 二 了 | 本 有 


图 12-51 
在 舞台 中 调整 图 标的 位 置 和 大 小 ， 并 为 其 设置 
注释 文字 ， 如 图 12-52 所 示 。 
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书 配备 资源 中 的 “首页 .png" 文件 ， 单 击 " 置 | 仿 


这 样 网 购 的 内 页 设计 完成 ， 在 菜单 栏 中 选择 
“文件 > 存储 为 ”命令 ， 在 弹出 的 “另存 为 ”对 
话 框 中 选择 一 个 存储 位 置 ， 将 其 与 “网 购 首页 ” 
素材 放置 到 同一 个 位 置 ， 将 文件 命名 为 “网 购 内 
页 ”， 单 击 “ 保 存 ” 按 钮 ， 如 图 12-53 所 示 。 


oo | 


图 12-53 
保存 文件 后 ， 删 除 素材 ， 如 图 12-54 所 示 ， 下 三 
将 制作 一 个 广告 页 。 
使 用 “ 置 入 嵌入 对 象 ”命令 ， 置 入 之 前 创建 的 
广告 即 可 ， 如 图 12-55 所 示 。 


图 12-54 


全 在 菜单 栏 中 选择 “文件 > 存储 为 ”命令 ， 在 弹出 按 Ctrl+M 组 合 键 ， 在 弹出 的 “曲线 ”对 话 框 中 
的 “另存 为 ”对 话 框 中 选择 一 个 存储 位 置 , 将 调整 曲线 ， 如 图 12-59 所 示 。 
文件 命名 为 “网 购 广告 页 ”， 单 击 “ 保 存 ” 按 a . 
钮 ， 如 图 12-56 所 示 。 | 一 5 


面料 /少时 %(6) 


网 格 大 小 : 


显示 : 
加 适 道 和 inf) 
© EH) 
© (8) 

© RN) 


ACD: 
FHS HNW) 


”图 12-59 
调整 曲线 后 的 效果 如 图 12-60 所 示 ， 按 Ctrl+D 组 
合 键 ， 取 消 选 区 的 选择 。 


例 创 建 一 个 较 大 的 文档 ， 将 三 个 网 购 页 面 置 入 到 
舞台 中 ， 调 整 其 大 小 和 透视 效果 ， 如 图 12-57 所 
示 ， 设 置 文档 的 背景 RGB 为 193、193、193。 


阁 总 In A 


图 12-60 
选择 其 中 一 个 网 购 页 图 层 ， 双 击 图 层 ， 在 弹 
出 的 “图 层 样式 ”对 话 框 中 选择 “投影 ” 选 
项 ， 设 置 合适 的 参数 ， 单 击 “ 确 定 ” 按 钮 ， 如 
图 12-61 所 示 。 


图 12-57 
选择 “背景 ”图 层 ， 使用“ 多边 形 套 索 工 
有 具 ”及 .创建 不 规则 的 选区 ， 如 图 12-58 所 示 。 


i 


5 
eu 
= 
到 
A 
3 
口 灼 
se 
Re 
Ms 


ME “图 层 ” 面 板 中 选择 其 中 一 个 图 层 样式 的 图 
二 标 ， 按 住 Alt+Ctrl 组 合 键 ， 将 图 层 样 式 移动 复制 
图 12-58 到 另外 两 个 页 面 图 层 ， 如 图 12-62 所 示 。 
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司 | 加 项 目 诉求 


cm | 欢乐 打 地 鼠 是 一 款 通过 打 地 鼠 来 积分 的 一 款 休 
IE ， 闲 类 小 游戏 ， 主 要 是 锻炼 反应 能 力 ， 根 据 打 到 一 只 
se: 站 ， 地 鼠 就 计 一 分 ， 满 分 后 升级 的 规则 来 使 用 户 提高 自 
园 me: 至 ， 信 和 反应 能 力 。 
A | 这 里 我 们 主要 设计 其 中 一 个 界面 ， 如 果 界 面 通 
了 敬 一 一 ， 过 了 可 以 再 设计 其 他 页 面 。 
让 后 | 加 ”设计 定位 
ee ”根据 游戏 类 型 我 们 将 设计 一 款 界 面 较为 休闲 
由 图 12-62 ， 的 小 游戏 界面 ， 当 然 主角 还 是 地 鼠 ， 背 景 采用 简约 
号 人 @ 设 旦 投影 的 效果 如 图 12-63 所 示 。 ， 的 桂林 和 卡通 的 蓝天 白云， 通过 简约 的 背景 来 和 托 
加 六 _ ss ”| 主角 。 
2 a | 
“| 12.3.2 “项目 实战 
业 | 
全 | 四” 制作 流程 
目 本案 例 首先 绘制 地 面 和 大 树 背景 ， 创 建 跟 鼠 图 
寻 ， 像 ， 创 建 矩形 牙齿 ， 然 后 调整 路 径 的 形状 ， 调 整 控 
旭 ， 制 点 的 位 置 ， 最 后 创建 形状 ， 置 入 素材 图 像 并 设置 
人 样式 ， 调 整 标题 的 颜色 ， 如 图 12-64 所 示 。 


图 12-63 | 
将 制作 完成 的 效果 存储 为 “网 购 排版 ”， 至 此 | 
本 实例 制作 完成 。 


| 
12 3 商业 案例 一 一 欢乐 打 地 鼠 | 
游戏 界面 设计 


| 12.3.1 设计 思路 


加 ”案例 类 型 ls 
本 案例 设计 一 款 小 游戏 界面 。 拉克 天 天 要 
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使 用 
使 用 


国 。 技术 要 点 


在 "图 
键 ， 将 当前 路 径 载 入 选 


“钢笔 工具 ”绘制 地 
“椭圆 工具 ”创建 毁 鼠 图 像 ; 


使 用 


“矩形 工具 ”创建 矩形 牙齿 ; 


使 用 
使 用 
使 用 
使 用 
使 用 
使 用 


毫米 、 


“转换 点 工具 ”调整 路 径 的 形状 ; 
“直接 选择 工具 ”调整 控制 点 的 位 置 ; 
“ 自 定 形状 了 
“ 置 入 嵌入 对 象 ”命令 置 入 素材 ; 
“图 层 样式 ”设置 图 像 的 样式 ; 
“色相 /饱和 度 ” 调 整 标题 的 颜色 。 
图 ”操作 步 又 
运行 Photoshop 软 件 ， 


在 “欢迎 ”界面 中 单 击 ， 
按钮 ， 在 弹出 的 “新 建文 档 ” 对 话 框 ， 
中 设置 “宽度 ”为 2000 毫 米 、 
“分 辩 率 ”为 300 像 素 /英寸 ， 单 击 “ 介 
建 ” 按 钮 ， 如 图 12-65 所 示 。 


© Mim 0p 


CoE 


“钢笔 工具 ”人 .在 舞台 
径 ， 如 图 12-66 所 示 。 


键 ， 填 充 选区 为 前 景色 ， 如 图 12-68 所 示 ， 按 
trl+D 组 合 键 ， 取 消 选 


图 12-67 
使 用 “钢笔 工具 ”分 .在 舞台 中 创建 闭合 的 路 
径 ， 如 图 12-69 所 示 。 


| 人 @ 设置 前 景色 的 RGB 为 132、 87、60， 如 图 16-70 
所 示 。 


| (设置 前 景色 的 RGB 为 168、 127、89， 如 图 16-67 


层 ” 面 板 中 新 建 图 层 ， 按 Ctrl+Enter 组 合 
区 ， 按 Alt+Delete 组 合 


bdr 


攻击 I 几 


El EE 


在 “图 层 ” 面 板 中 新 建 图 层 ， 按 Ctrl+Enter 组 合 
键 ， 将 当前 路 径 载 入 选区 ， 按 Alt+Delete 组 合 


键 ， 填 充 选 区 为 前 景色 ， 
消 选区 的 选择 。 


按 Ctrl+D 组 合 键 ， 取 


使 用 “椭圆 工具 ”9. 在 舞台 中 创建 椭圆 ， 设置 


填充 的 RGB 为 1 30、82、84， 设 置 轮廓 为 无 ， 如 
图 12-71 所 示 。 
继续 创建 椭圆 ， 设 置 填充 的 RGB 为 204、170、 
96， 轮 廊 的 RGB 为 116 
所 示 。 


使 用 “转换 点 工具 ”下 .， 


、15、3， 如 图 12-72 


在 舞台 中 调整 椭圆 形 


状 的 控制 点 ， 对 其 进行 调整 ， 如 图 12-73 所 示 。 


按 住 Ctrl 键 单 击 底部 椭圆 前 的 缩 览 窗 ， 将 其 载 
入 选区 ， 选 择 地 鼠 的 椭圆 图 层 ， 单 击 “ 添 加 图 


所 示 。 


择 遮 单 窗口 ， 使 用 画笔 了 


层 蒙 版 ”按钮 四 ， 为 其 设置 蒙 版 ， 如 图 12-74 


se 
加 = 
[zm -ornae 
区 ~ en 
Se 


ETEE] 


使 用 “画笔 工具 ”.， 设 置 前 景色 为 白色 ， 选 


[ 具 涂 抹 出 如 图 12-75 所 


示 的 图 像 。 


使 用 “椭圆 工具 ”人 .创建 椭圆 ， 设 置 填充 的 
RGB 为 204、170、96， 轮 廓 的 RGB 为 116、15、 
3， 如 图 12-76 所 示 。 


使 用 “直线 工具 ”/.， 设 置 填充 的 RGB 为 
116、15、3， 设 置 无 轮廓 ， 设 置 合适 的 粗细 ， 
绘制 两 个 直线 ， 如 图 12-77 所 示 。 
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使 用 “椭圆 工具 ”全 .创建 椭圆 ， 设 置 填充 的 颜 
色 为 白色 ， 对 其 进行 复制 ， 如 图 12-78 所 示 。 
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EE = 
E33 -| To | 
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使 用 “椭圆 工具 ”人 .创建 椭圆 ， 设 置 填充 的 
RGB 为 116、15、3， 如 图 12-79 所 示 。 


您 使 “椭圆 工具 ”@.， 在 舞台 创建 填充 为 粉 


Dt “椭圆 工具 ”全 .创建 椭圆 ， 
色 ， 对 其 进行 复制 ， 如 图 12-80 所 示 。 
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图 12-79 图 12-80 | 
“钢笔 工具 ”人 .在 舞台 中 创建 路 径 ， 如 | 
a 81 所 示 。 


设置 填充 的 颜 | 


中 和 四 @ 斩 旧 自 | | 


图 12-81 | 
使 用 “和 矩 形 工具 ”加 . 在 舞台 中 创建 和 矩 形 ， 设 置 
填充 为 向 色 ， 设 置 轮廓 的 RGB 为 116、15、3， | 
如 图 12-82 所 示 。 
全 使 用 ' “转换 点 工具 ”人 疏 ,， 在 舞台 中 调整 形状 ， | 
0: 83 所 示 。 | 
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图 12-82 图 12-83 | 
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全 在 王 台 中 对 牙齿 图 像 进行 复制 ， 并 翻转 其 角 


度 ， 如 图 12-84 所 示 。 


色 、 轮 廓 为 无 的 椭圆 ， 并 在 该 椭圆 上 方 创建 白 
色 椭 圆 ， 制 作 粉 红色 的 脸蛋 ， 对 脸蛋 进行 复 
制 ， 如 图 12-85 所 示 。 


图 12-84 


图 12-85 


将 起 鼠 图 层 放置 到 同一 个 图 层 组 中 ， 如 图 12-86 
所 示 。 

Pa 四 GT 。 

ES 明度 : 100% | 


中 所 DO GD 日 从 


图 12-86 
在 舞台 中 移动 复制 臣 鼠 ， 调 整 由 鼠 的 位 置 和 大 
小 ， 如 图 12-87 所 示 。 


图 12-87 
将 所 有 的 起 鼠 放置 到 同一 个 仍 鼠 图 层 组 中 ， 如 
图 12-88 所 示 。 
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钢 E: 图/ 中 本 个 填 计 :100% | 
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.EIDE 
© DE! 


© 背景 自 


EA 
图 12-88 | 
使 用 “钢笔 工具 ”人 D. 在 舞台 中 创建 路 径 ， 丸 
图 12-89 所 示 。 


图 12-89 
使 用 “转换 点 工具 ”下 ,在 舞台 中 调整 路 径 的 形 
状 ， 如 图 12-90 所 示 。 
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图 12-90 
设置 前 景色 的 RGB 为 161、205、108， 如 
图 12-91 所 示 。 


” 峡 让 


口 只 有 Web 颜色 


图 12-91 
在 “图 层 ” 面 板 中 新 建 图 层 ， 按 Ctrl+Enter 组 合 


键 ， 将 当前 路 径 载 入 选区 ， 按 AlttDelete 组 合 ， 


键 ， 填 充 选 区 为 前 景色 ， 如 图 12-92 所 示 ; 按 
Ctrl+D 组 合 键 ， 取 消 选 区 的 选择 。 


Ce 
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名 证 :图 w 中 村 人 填充 :100% ~ 
@ ) 回 器 也 
© 蕊 四: 
© EI 四 EE! 
© 
© 背景 自 


所 口 9. 白 昌 全 


图 12-92 


全 填充 图 像 后 的 效果 如 图 12-93 所 示 。 
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| 八 按 CultD 组 合 链 取 消 选区 的 选择 ， 按 Ctri+J 组 合 


键 复制 图 像 ， 选 择 底部 的 图 像 远 处 树 图 层 ， 按 
Ctrl+U 组 合 键 ， 在 弹出 的 “色相 /饱和 度 ” 对 话 
框 中 设置 合适 的 参数 ， 如 图 12-94 所 示 。 


图 12-94 


全 可 以 对 远 处 的 树 进行 复制 ， 并 对 其 调整 至 满意 


的 效果 ， 如 图 12-95 所 示 。 


图 12-95 
使 用 “钢笔 工具 ” 仿 . 在 舞台 中 创建 路 径 ， 欠 
图 12-96 所 示 。 


图 12-96 
人 设置 前 景色 的 RGB 为 127、 192、90， 如 图 12-97 
所 示 。 


人 在 “图 层 ” 面 板 中 新 建 图 层 ， 按 Ctrl+Enter 组 合 
键 ， 将 当前 路 径 载 入 选区 。 按 Alt+Delete 组 合 
键 ， 填 充 选 区 为 前 景色 ， 如 图 12-98 所 示 。 

人 按 Ctl+D 组 合 键 取消 选区 的 选择 ， 填充 图 像 后 
的 效果 如 图 12-99 所 示 。 


图 12-98 图 12-99 

在 工具 箱 中 单 击 “ 渐 变 工具 ”按钮 图 ,， 在 工 
具 属 性 栏 中 单 击 渐 变色 ， 在 弹出 的 “渐变 编辑 
器 ”对 话 框 中 设置 渐变 的 RGB 为 191、234、255 
到 RGB 为 242、249、253 的 渐变 ， 如 图 12-100 
所 示 。 


直送 明 度 % 位 于 


tc): [| % M0) 


WE 


图 12-100 
OE “图 层 ” 面 板 中 选择 “背景 ”图 层 ， 在 舞台 
上 到 下 创建 填充 ， 如 图 12-101 所 示 。 
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图 12-101 
使 用 “椭圆 工具 ”@.， 设 置 填充 为 白色 ， 创 建 
多 个 椭圆 ， 组 合成 云 的 效果 ， 将 组 合成 云 的 图 
为 一 个 图 层 ， 如 图 12-102 所 示 。 


展会 
云 珀 
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正常 ~ | 十 通明 度 ; 100% ~ 
读 E: 图 Y 中 村 人 博克 :100% ~ 


图 12-102 
行 复制 ， 并 设置 合适 的 不 透明 度 ， 如 
图 12-103 所 示 。 
人命 将 作为 背景 的 图 层 放置 到 一 个 图 层 组 中 ， 如 
图 12-104 所 示 。 
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和 ”全 I 
图 12-103 图 12-104 
使 用 “ 圆 角 拢 形 工具 ”加 . 在 舞台 中 创建 圆 角 拢 
形 ， 设 置 填充 的 RGB 为 237、217、145， 设 置 合 
适 的 圆 角 矩形 属性 ， 如 图 12-105 所 示 。 


图 12-105 


人 @ 双 击 贺 角 矩形 图 形 ， 在 弹出 的 “图 层 样 式 ” 对 
话 框 中 勾 选 “斜面 和 浮雕 ” 复 选 框 ， 设 置 合适 
的 参数 ， 如 图 12-106 所 示 。 

人 Ob 选择 “ 描 边 ”选项 ， 设 置 合适 的 参数 ， 
所 示 。 


如 图 12-107 
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手 疯 In A 


使 用 “ 自 定形 状 工具 ”内在 舞台 中 创建 形状 ， 设 
置 填充 的 RGB 为 165、226、77， 效 果 如 图 12-110 
所 示 。 


于 


本 
wa 


图 12-110 
人 双击 形 估 ， 在 弹出 的 “图 层 样 式 ” 对 话 框 中 你 选 
“ 描 边 ” 复 选 框 ， 设 置 合适 的 参数 ， 如 图 12-111 
所 示 。 


阐 乓 融 doySo}loyd 坏 准 刁 


图 12-107 | 
六 丝绒 多 选 “渐变 秋 加 ” 复 选 框 ， 设 置 合适 的 渐变 
煌 释 加 参数 ， 如 图 12-.108 所 示 ， 单 击 “ 确 定 " 按钮 。 | 


图 12-111 
人 人 继续 勾 选 “ 投 影 ” 复 选 框 ， 设 置 合适 的 投影 参 
数 ， 如 图 12-112 所 示 。 
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图 12-108 


设置 图 层 样式 后 ， 使 用 “直接 选择 工具 ”上 .在 舞 
台中 调整 点 的 位 置 ， 调 整 圆 角 和 矩形 的 形状 ， 如 
图 12-109 所 示 。 


图 12-112 
使 用 “ 横 排 文字 工具 ”了 .在 舞台 中 创建 文字 ， 
如 图 12-113 所 示 ， 设 置 文字 的 颜色 为 白色 。 


[3 -| TM 10% |- EE 
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图 12-109 


图 12-113 
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双击 创建 的 文字 图 层 ， 在 弹出 的 “图 层 样式 ” | 人 @ 售 继续 久 选 “斜面 和 浮雕 ” 复 选 框 ， 设 置 合适 的 
对 话 框 中 勾 选 “投影 ” 复 选 框 ， 设 置 合适 的 投 | 参数 ， 如 图 12-118 所 示 。 
影 参 数 ， 如 图 12-114 所 示 。 | 本 


本 
RW) 
© mi) 


图 12-118 
全 接 住 Cl 键 单 击 星 形 形 状 图 层 前 的 缩 览 窗 ， 将 其 
载 入 选区 ， 创 建 一 个 新 的 图 层 ， 使 用 “多 边 形 
套 索 工具 ” 列 .， 按 Alt 键 减 选 左上 选区 的 选择 ， 
填充 选区 的 颜色 为 橘红 色 ， 如 图 12-119 所 示 。 
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图 12-114 -| 和 本 av |- E 

设 

择 星 形 ， 在 舞台 中 绘制 星 形 ， 如 图 12-115 所 | 计 


示 ， 设置 星 形 的 填充 为 黄色 。 
使 用 “转换 点 工具 ”人 .在 舞台 中 调整 星 形 的 形 


号 大 口 @. 牟 旧 利 

图 12-119 
填充 橘红 色 后 ， 按 Ctrl+D 组 合 键 ， 取 消 选 区 
的 选择 ， 设 置 图 层 的 混合 模式 为 “正片 区 
底 ”， 设 置 “ 不 透明 度 ” 为 50%， 如 图 12-120 
所 示 。 


图 12-115 图 12-116 

人 @ 双击 旺 形 图 层 ， 在 弹出 的 “图 层 样 式 ” 对 话 框 
中 勾 选 “ 描 边 ” 复 选 框 ， 设 置 合适 的 描 边 参 
数 ， 如 图 12-117 所 示 。 
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图 12-120 


人 @ 将 星 形 和 星 形 填充 的 图 层 锁 定 ， 对 星 形 进行 复 
制 ， 如 图 12-121 所 示 。 

全 三 侧 旺 形 和 填充 图 层 ， 按 Ctrl+E 组 合 键 ， 合 
并 为 一 个 图 层 ， 按 Ctrl+U 组 合 键 ， 在 弹出 的 


图 12-117 
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当 孜 悄 亲 手 霹 四 号 


“色相 /饱和 度 ” 对 话 框 中 设置 合适 的 参数 ， | 
如 图 12-122 所 示 。 | 
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ee 
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图 12-121 图 12-122 | 
人 调整 后 的 星 形 ， 在 舞台 中 调整 星 形 的 角度 、 位 ， 
置 和 大 小 ， 如 图 12-123 所 示 。 | 
命 信 “ 横 排 文 字 工具 ”了 .在 舞台 中 创建 文字 ， | 
如 图 12-124 所 示 。 | 


i EE 
GAME OVER GAME OVER 


图 12-123 图 12-124 
双击 文字 图 层 ， 在 弹出 的 “图 层 样式 ”对 话 框 
中 勾 选 “ 描 边 ” 复 选 框 ， 设 置 合适 的 参数 ， 如 
图 12-125 所 示 。 


图 12-125 


使 用 同样 的 方法 创建 文字 并 设置 描 边 效果 ， 如 
图 12-126 所 示 。 
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图 12-126 
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全 在 荣 音 栏 中 选择 “文人 > 置 入 嵌入 对 象 " 命令 ， 


在 弹出 的 “ 置 入 嵌入 的 对 象 ” 对 话 框 中 选择 随 
书 配备 资源 中 的 “卡通 .png” 文 件 ， 单 击 “ 置 
入 ”按钮 ， 如 图 12-127 所 示 。 
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图 12-127 
置 入 素材 后 ， 调 整 素材 在 舞台 中 的 大 小 和 位 置 ， 
使 用 “ 横 排 文 字 工具 ”了 .创建 文字 ， 如 图 12-128 
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图 12-128 
将 标题 文字 栅 格 化 为 普通 图 层 ， 使 用 "多边形 
套 索 工 具 ” 列 分别 选择 其 中 的 文字 ， 调 整 文字 


的 大 小 和 角度 ， 并 分 别 调整 “色相 /饱和 度 ” 效 
果 ， 调 整 出 不 同 颜色 的 标题 效果 ， 如 图 12-129 
所 示 。 


图 12-129 
双击 标题 图 层 ， 在 弹出 的 “图 层 样式 ”对 话 框 
中 勾 选 “ 描 边 ” 复 选 框 ， 设 置 合适 的 描 边 参 
数 ， 如 图 12-130 所 示 。 
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图 12-130 


人 @@ 调整 出 的 标题 效果 如 图 12-131 所 示 。 
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人 @@ 使 用 “ 自 定形 状 工 具 ” 疗 .， 在 工具 属性 栏 中 先 
择 一 个 返回 图 像 ， 在 舞台 中 绘制 形状 ， 如 
图 12-132 所 示 。 


图 12-132 
人 下， 本 案例 制作 完成 。 
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